Vue入门系列（一）Vue技术栈

Vue.js是一套构建用户界面的UI框架，它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。

vue专注viewModel.png

它有如下特点：

1. 渐进式框架，采用自底向上增量开发设计
2. 模板双向绑定机制
3. 利用指令（directive）对DOM进行封装

4. 组件化设计思想
   如下图，将UI页面分割为若干组件进行组合和嵌套。

   
   
   

   组件化.png

围绕Vue.js框架，涉及到的常用技术/插件有：

1. vue-cli

快速构建vue项目的脚手架工具，使用方式如下：

安装并构建项目
1. npm install -g vue-cli
2. 选择简单模板搭建vue项目：vue init webpack-simple my-webpack-simple-demo
3. 选择webpack（略复杂）模板搭建vue项目: vue init webpack my-webpack-demo

建立好项目之后，如下启动：
1. npm install
2. npm run dev
3. 打开游览器访问localhost:8080

如果在发布环境，需要生成build文件，运行命令npm run build。

2. npm, webpack, babel, es6

Vue开发中，会用到很多依赖包，传统方式是用