為什么要學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的簡單書寫方法