Vue2.0敏捷學習####
| 記錄 | |
|---|---|
| 主線資料 | Vue2.0簡單文檔， vue2.0官方文檔 |
| vue版本 | 2.0 引自cdn.bootcss.com/vue/2.1.3/vue.js |
| 學習始于 | 2016年12月1日 |
摘要####
在以前的項目中，主要使用各類UI框架配合jquery進行敏捷開發。經過幾個項目下來，有感這樣的開發模式雖然能快速出成品，但經過多次產品的迭代，代碼就會變得十分凌亂，不易維護，經過考慮后，選用Vue這類框架重構現有項目。
在前端工作的半年內，由于項目的需要，學習并使用過各類框架，深感要快速學習并運用到一項技術，最重要的不是找到最好的學習資料，而是盡快找到自己能用得上、能理解的資料，幫助自己度過從0到1這個階段。所以我使用了【主線資料】中的兩個文檔作為入門材料。
學習摘要####
Vue.js設計邏輯：**數據驅動視圖 **
獲得vue.js文件后，通過新建vue實例，指定實例注入的節點#app，實例中所有數據及事件均在這個元素的范圍內。button不在定義的#app范圍內所以事件不生效。【點我看實例】
指令：使用{{foo}}插入純文本數據，使用v-開頭的指令綁定數據或事件。【點我看實例】
-
v-foo表示動作，如v-if表切換，v-for表循環，v-model表綁定等 -
v-bind:foo=voo表示屬性綁定，foo與voo值綁定 -
v-on:foo=voo表示事件綁定，foo發生時觸發voo
vm對象：var vm = new Vue({foo})，{foo}作為參數構建vue實例vm，通過vue內部操作，使得data中的值，methods中的事件依附在實例vm上，并且事件中的this指向vm。
--<small>2016年12月2日00:21:34</small>--
