本文章屬於個人在學習vue的隨筆，留作與大家分享，技術交流之用，如果有錯誤，請大家多多指正。謝謝 首先說一下vue的使用方式： vue的使用方式一共有兩種，第一種是直接在官網上下載vue.js的文件，之後在HTML頁面裡面直接使用script標簽進行引用即可。另一種方式是使用vue-cil，使用no ...
本文章屬於個人在學習vue的隨筆，留作與大家分享，技術交流之用，如果有錯誤，請大家多多指正。謝謝
首先說一下vue的使用方式：
vue的使用方式一共有兩種，第一種是直接在官網上下載vue.js的文件，之後在HTML頁面裡面直接使用script標簽進行引用即可。另一種方式是使用vue-cil，使用node.js進行vue的手腳架的搭建。相比兩種方式，第一種更適合初學者。第二種方式更適合vue的專業開發人員使用。這裡由於我也是初學者。哈哈，就使用第一種方式來搭建vue環境。
官方的vue提供了兩個版本，一個是開發版本，另一個是生產版本，顧名思義，開發版本內增加了大量的錯誤列印，供給開發者調試程式使用。生產版本則去掉了這一部分列印，並且進一步壓縮了vue.js的文件體積。使得這個框架變得更輕量，載入速度更快一些。
-----------------------------------------------------------
接下來說vue的第一個新特性，雙向綁定特性。Vue.js 的核心是一個允許採用簡潔的模板語法來聲明式地將數據渲染進 DOM 的系統。在頁面裡面創建任一元素，然後創建vue的應用，在data屬性內聲明一個變數，然後使用模板語法{{}}插入對應的js變數，將應的js變數的名稱寫入雙大括弧內，裡面的值就會被渲染成對應的js的值。那麼如何創建一個vue的應用呢？接下來說的就是創建vue應用的方法。
當頁面中引入vuejs的時候，會聲明一個vue的全局變數，然後我們需要通過new Vue();的方式來創建一個vue的應用，它會返回一個對象，這個對象稱之為應用對象，在new Vue()的時候我們需要傳遞一個對象作為參數，對象中有兩個非常重要的屬性，一個是el(element)，一般它的值是一個選擇器，表示選擇哪個元素。另一個屬性是data。用於保存數據。我們在{{}}中聲明瞭哪些變數，就需要在data中註冊這些變數並且為變數進行初始化賦值。
接下來是創建vue應用的代碼：
var vm= new Vue({
el: '#app',
data: {
message : 1
}
});
接下來是html引用的代碼
<div id="app"> {{ message }} </div>
這樣就算是寫了一段最簡單的vue的vue代碼了。
哈哈。
