本人最近開始學習 vue 因希望自己堅持下去 不半途而廢 故寫下自己的學習過程以及心得體會，若有錯誤的地方，望各位批評指正。
初學vue，與學習react一樣 自然少不了todolist的編寫，在記錄一些基礎語法後，筆者會記錄如何用vue編寫乙個todolist。
vue的基礎指令：
資料遍歷：v-for
事件繫結：（縮寫為@） v-on:click='handleclick' = @click
雙向繫結：v-model 標籤與資料同步 例：input發生改變時data裡的inputvalue也會改變。
父子元件互相傳值: v-bind(縮寫為：) v-bind:message = :message
//vue頁面的基本搭建：
data:
})
也就是說我們這個inputvalue值發生改變時，下方我們定義在data裡的inputvalue也會發生改變 -->
提交data:,
//把上面使用的方法進行定義
methods:}})
下面我們自定義乙個元件 todoitem
主要作用:便於父子元件進行引數值傳遞，並且監聽事件
互動流程：
1.註冊元件 並且設定繫結的methods
2.使用 **$emit** 來宣告子元件的監控函式 並傳遞值給父元件
3.在標籤裡加上監聽事件 v-on：delete 或 @delete
4.在宣告vue的地方處理這個 method
}
提交
vue入門 元件基礎todolist
1.以下是 todolist 的例子，沒有用到元件 下面的3 會通過元件拆分todolist 1 doctype html 2 html lang en 3 head head 4 body 5 div id root 6 div 7 input v model inputvalue 8 butto...
vue簡單例項（todolist）
本例項運用vue的一些常用指令如 v for,v on,v model等 v on click 可簡寫為 click 注 bootstrap是基於jquery的，所以引入bootstrap的同時，需引入jquery。lang en charset utf 8 title rel stylesheet...
用vue元件封裝todolist
用vue元件封裝todolist cssbody header section label header input input focus h2span ol,ul li input pli p input li p input.editer liol li ul li li a footer f...