Vue.js（讀音 /vju?/, 類似於 view ） 是壹套構建用戶界面的 漸進式框架 。與其他重量級框架不同的是Vue 的核心庫只關註視圖層。
Vue.js 的目標是通過盡可能簡單的 API 實現 響應的數據綁定 和 組合的視圖組件 。
Vue.js是壹種MVVM框架，其中html是view層，js是model層，通過vue.js（使用v-model這個指令）完成中間的底層邏輯，實現綁定的效果。改變其中的任何壹層，另外壹層都會改變；
解讀：
demo
TIP
Vue實例所代理data對象上的屬性只有在實例創建的同時進行初始化才具有響應式更新，若在實例創建之後添加是不會觸發視圖更新的；
解讀：
解讀：
demo
demo
解讀：
解讀：
demo
解讀：
demo
本章涉及Vue的基礎的數據綁定操作，內容包括：
解讀：
解讀：
Vue實例的 computed 對象默認只有getter，如果妳要設置數據，可以提供壹個setter，即設置器；
解讀：
TIP無論是哪種方式，前提都是css中的class要先設定
demo
解讀:
demo
前面簡單介紹了壹下 v-if 、 v-for 和 v-on 指令，下面的部分將詳細介紹以上3個指令；
解讀：
TIP v-if和v-show的區別
demo
解讀：
demo
demo
解讀：
解讀：
demo
解讀：
解讀：
像這些包含固定樣式的元素 <ul>， <ol>， <table>， <select> ，
自定義組件中使用這些受限制的元素時會導致渲染失敗；
通的方案是使用特殊的 is屬性：
解讀：
解讀：
demo
解讀：
內容分發 指的是混合父組件的內容與子組件自己的模板；
解讀：
解讀：
TIP關於組件的命名規範
demo
TIP
這個$http請求和jquery的ajax還是有點區別，這裏的post的data默認不是以form data的形式，而是request payload。解決起來也很簡單：在vue實例中添加headers字段:
Hello Vue.js
上面的Vue小作品是小羊仿照 SegmentFault 的壹篇技博的練手之作，建議各位對照源碼親手練習壹次，以便初步熟悉Vue的使用；
參考資料：