一、vue介绍
1、单页面应用程序开发 2、特性
轻量级的框架双向数据绑定指令插件化（组件化）3、 框架模式MVVM a. MVVM 是 Model-View-ViewModel 的缩写。MVVM 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View和 Model 的对象。 b.在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此 View数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。 c.ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉，因此开发者只需关注业务逻辑，不需要手动操作DOM, 不需要关注数据状态的同步问题，复杂的数据状态维护完全由 MVVM 来统一管理。 4、优点 简单轻巧，功能强大，拥有非常容易上手的 API； 可组件化 和 响应式设计； 实现数据与结构分离，高性能，易于浏览器的加载速度； MVVM 模式，数据双向绑定，减少了 DOM 操作，将更多精力放在数据和业务逻辑上
二、Vuejs项目环境安装 1、安装Nodejs 下载地址：http://nodejs.cn/ 2、检测node是否安装成功：打开cmd 输入 node –v 3、vue 集成开发环境必须借助远程下载包cnpm 打开cmd 依次输入以下三条命令 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install vue cnpm install –g vue-cli 4、在vscode中新建vue项目 vue init webpack-simple 项目名称 装依赖 相当于项目环境包 cnpm install 形成的目录 运行：cnpm run dev 关闭当前项目 ctrl+c 装less cnpm install less --save-dev cnpm install less-loader --save-dev 在webpack.config.js中的rules中加入以下内容 在main.js中
二 、安装过程中遇到的问题
问题1：‘无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称’ 或 ‘vue不是内部或外部命令’
这表示系统没有找到 vue.cmd 的地址，需要将地址加入到环境变量，找到vue.cmd文件所在的文件夹位置，打开高级设置，将路径添加到path中
问题二：创建Vue项目出错，提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170
解决办法： 1.以管理员身份运行PowerShell 2.执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的 3.执行：set-ExecutionPolicy RemoteSigned 4.选择Y 注意：一定要以管理员的身份运行PowerShell，不是cmd窗口
