vue 复习1

一、如何理解vue:vue是一款组件化，数据驱动的mvvm框架

二、 vue安装:vue提供了脚手架，方便开发者开发

 1.检测vue-cli是否安装：在cmd命令窗口中输入vue来检测是否安装


 如果没有安装，则用下面命令安装：

npm install vue-cli -g 


2.用安装好的脚本架工具 来创建项目： vue init webpack 项目名

vue项目目录结构：

build:项目构建的目录
config:项目环境配置 例如：配置端口号，跨域，ip
node_mudles:node包  通过npm install 之后安装的包目录
src:项目开发目录
static:静态资源目录：  例如：json数据，图片，第三方样式 例如：reset.css
test:测试目录  包括：e2e 端到端 unit:单元测试
.eslintrc.js：ESLint代码质量配置文件
.babelrc:支持es6,7,8,9语法配置的目录，或者配置UI框架的按需加载时可能会用到
.gitignore:git推送时，被忽略，不推送到远程的配置文件
README.md:项目文档

ESLint:如何改正的我的不规范，保证代码高质量运行

1.如何改错：通过ESLint错误链接，找到例子，然后再针对自己项目改正
2.如何禁用：

  如何禁用某个错误：打开.eslintrc.js文件，添加要禁用的配置项

  例如：

   'quotes':0, //可以随意使用任何引号
   'space-before-function-paren':0  //可以在变量前后加空格
   

  如何禁用全部错误：找到config目录下的index.js文件，将useEslint: true改为false

Vue的生命周期（lifeCycle）

1.何为生命周期？*********

  vue生命周期：即vue组件由创建到销毁的过程

2. 详解生命周期钩子

 （1）beforeCreate:组件实例创建之前

  el,data都不能获取


 （2）created:组件实例创建之后

        el不能获取
        data是可以获取的

        注意：ref用法
 （3）beforeMount：加载前

  (4)mounted:加载后 ，可以操纵dom
  (5)beforeUpdate:dom更新前
  (6)updated:dom更新后 

===========================================================