0、先安装node，从官网下载 # vue-cli 配置过程 安装Node.js会默认安装npm（包管理工具）。

1、npm install -g cnpm --registry=https://registry.npm.taobao.org

2、全局安装：npm install vue-cli -g （全局卸载：npm uninstall vue-cli -g） # 必须全局安装vue-cli，否则无法使用vue命令

3、查看是否安装成功：node -v

4、查看是否安装成功：vue -V

---前面如果已经安装过了，不需要安装---

5、命令行操作：vue init webpack yourproject

6、cd yourproject 进入我们的vue项目目录

7、npm install 安装我们的项目依赖包，网络不好选用cnpm install

8、在项目目录下输入命令行npm i element-ui -S

9 安装axios文件 npm install --save axios

10、npm run dev 开发模式下运行我们的程序 #生成的dist目录，就是打包构建后的项目目录

11、cnpm install eslint -g vuejs项目开发环境搭建（ESlint安装）

12、npm install vue-resource --save 安装在学习vue的过程中出现了这个问题，说明VueResource模块没有安装。

vue中有4种变量的定义

1data

data中定义的变量是我们需要去维护的，会被多次改变或者使用到

2computed

computed中计算属性中的定义的变量会被自动计算

需要注意的是computed中的变量不能在data中定义，会冲突，说简单点，data中的变量我们自己控制变化，在不同的methods中定义会怎样变化或者被赋值，比如购物车列表数据，在增删改过程中都会变化，我们需要自己去维护这个变量，在增删改的时候做相对应的处理，然而购物车数量这个变量却可以根据购物车数据计算出来，这时候就可以利用computed属性帮我们自动计算维护购物车数量这个属性值了，不需要在增删改的时候自己再次去手动维护修改这个变量值了

3 created

在生命周期中，created在dom渲染之前，是最先执行的，在这里面定义的变量通常不会被改动。

常用场景有：

调用子组件时，我们需要向子组件传些个性化的参数，这些参数定义一次就好，通常不会改变，此时可以再 created中定义，因为它是在组件创建渲染之前执行的

4 methods

在methods中的一些函数中有3种情况

一种是只在函数内部会被用到的变量，我们只需要用let 定义就好

一种是在多个函数中会被用到 我们可以用this.xxx来定义，就跟在data中定义差不多

还有一种是常量的定义 我们直接在export default的外面用const定义就好

关于watch的使用

watch和computed的区别

1都能实时计算监听

2watch可以监听data中的变量，computed不能计算data中的变量

3watch使用场景

1data中的变量变化太频繁，对变化处理可以采用监听的方式

2利用watch控制执行顺序，比如我们需要做的某个处理是需要某个值传进来后才能做的，那么就可以监听这个 值，一旦接收到这个值，或者这个值发生改变，我们才开始处理