为什么要学vue · vue

## 1. vue的地位 1. vue是目前比较流行的前端框架，与Angular.js、React.js并成为三大主流框架 2. 借助于weex，vue也可以进行手机端开发，只关注与视图层 3. 有配套的第三方库，可以整合做大型的开发 ## 2. vue的特点 1. 减少dom操作，提高开发效率 2. 数据双向绑定，数据和dom操作减少，渲染效率提高 ## 3. Node（后端）中的 MVC 与前端中的 MVVM 之间的区别 1. MVC 是后端的分层开发概念； 3. MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分 Model, View , VM ViewModel ## 4.vue入门案例 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title>  <script src="./lib/vue-2.4.0.js"></script> </head> <body>   <div id="app"> <p>{{ words }}</p> </div> <script> // 2、创建一个Vue的实例 // 当我们导入包之后，在浏览器的内存中，就多了一个 Vue 构造函数 // 注意：我们 new 出来的这个 vm 对象，就是我们 MVVM中的 VM调度者 var vm = new Vue({ el: '#app', // 表示，当前我们 new 的这个 Vue 实例，要控制页面上的哪个区域 // 这里的 data 就是 MVVM中的 M，专门用来保存每个页面的数据的 data: { // data 属性中，存放的是 el 中要用到的数据 words: 'hello Vue' // 数据渲染，通过{{words}}取值 } }) </script> </body> </html> ``` ![](https://img.kancloud.cn/46/37/4637612629615dd95af421b0ff5b63c9_666x176.png) 由上看出，vue的简单书写方法