Vue2.0敏捷學(xué)習(xí)####

摘要####

在以前的項(xiàng)目中，主要使用各類UI框架配合jquery進(jìn)行敏捷開發(fā)。經(jīng)過幾個(gè)項(xiàng)目下來，有感這樣的開發(fā)模式雖然能快速出成品，但經(jīng)過多次產(chǎn)品的迭代，代碼就會變得十分凌亂，不易維護(hù)，經(jīng)過考慮后，選用Vue這類框架重構(gòu)現(xiàn)有項(xiàng)目。
　　在前端工作的半年內(nèi)，由于項(xiàng)目的需要，學(xué)習(xí)并使用過各類框架，深感要快速學(xué)習(xí)并運(yùn)用到一項(xiàng)技術(shù)，最重要的不是找到最好的學(xué)習(xí)資料，而是盡快找到自己能用得上、能理解的資料，幫助自己度過從0到1這個(gè)階段。所以我使用了【主線資料】中的兩個(gè)文檔作為入門材料。

學(xué)習(xí)摘要####

Vue.js設(shè)計(jì)邏輯：**數(shù)據(jù)驅(qū)動視圖 **
　　獲得vue.js文件后，通過新建vue實(shí)例，指定實(shí)例注入的節(jié)點(diǎn)#app，實(shí)例中所有數(shù)據(jù)及事件均在這個(gè)元素的范圍內(nèi)。button不在定義的#app范圍內(nèi)所以事件不生效?！?a target="_blank" rel="nofollow">點(diǎn)我看實(shí)例】
　　指令：使用{{foo}}插入純文本數(shù)據(jù)，使用v-開頭的指令綁定數(shù)據(jù)或事件。【點(diǎn)我看實(shí)例】

1. v-foo表示動作，如v-if表切換，v-for表循環(huán)，v-model表綁定等
2. v-bind:foo=voo表示屬性綁定，foo與voo值綁定
3. v-on:foo=voo表示事件綁定，foo發(fā)生時(shí)觸發(fā)voo

vm對象：var vm = new Vue({foo})，{foo}作為參數(shù)構(gòu)建vue實(shí)例vm，通過vue內(nèi)部操作，使得data中的值，methods中的事件依附在實(shí)例vm上，并且事件中的this指向vm。
--<small>2016年12月2日00:21:34</small>--