vue 花括号里面的变量_Vue(1)：nodejs安装及初始化Vue

安装nodejs并配置

    node -v

NPM是Node提供的模块管理工具，可以非常方便的下载安装很多前端框架，包括Jquery、AngularJS、VueJs都有。

    npm -v

nrm是切换npm源镜像的工具，国外镜像比较慢，可以换成taobao镜像

    npm install nrm -g
    nrm ls
    nrm test
    nrm use taobao

vue：是一种基于nodejs的MVVM模式的前端框架

node.js的伟大之处不在于让JS迈向了后端开发，而是构建了一个庞大的生态系统。

基于事件循环的异步IO

单线程运行，避免多线程的变量同步问题

JS可以编写后台代码，前后台统一编程语言

MVVM模式

M：即Model，模型，包括数据和一些基本操作

V：即View，视图，页面渲染结果

VM：即View-Model，模型与视图间的双向操作（无需开发人员干涉）

在MVVM之前，开发人员从后端获取需要的数据模型，然后要通过DOM操作Model渲染到View中。而后当用户操作视图，我们还需要通过DOM获取View中的数据，然后同步到Model中。

而MVVM中的VM要做的事情就是把DOM操作完全封装起来，开发人员不用再关心Model和View之间是如何互相影响的：

只要我们Model发生了改变，View上自然就会表现出来。

当用户修改了View，Model中的数据也会跟着改变。

初始化vue项目：

进入一个项目目录，先输入：

npm init -y 

进行初始化，然后输入命令：

npm install vue --save

安装Vue，然后就会在hello-vue目录发现一个node_modules目录，并且在下面有一个vue目录。

一个简单的例子

<!--vue对象的html模板-->

执行过程：

首先通过 new Vue()来创建Vue实例

然后构造函数接收一个对象，对象中有一些属性：

el：是element的缩写，通过id选中要渲染的页面元素，本例中是一个div

data：数据，数据是一个对象，里面有很多属性，都可以渲染到视图中

name：这里我们指定了一个name属性

页面中的h2元素中，我们通过{{name}}的方式，来渲染刚刚定义的name属性。

我们在data添加了新的属性：num

在页面中有一个input元素，通过v-model与num进行绑定。

同时通过{{num}}在页面输出