基本結構}
el: '#wrap',
data: }
v-for="name in json"
} }v-for="(v,k) in json"
事件:v-on:click="函式
" or v-bind:click="函式"
v-on:click/mouseout/mouseover/dblclick/mousedown.....
顯示隱藏:
v-if=" " or v-show=「
true/false」
修飾符:
//阻止單擊事件冒泡
//只在按下回車鍵的時候觸發事件
傳統的mvc:
a:大量呼叫相同的
dom api,
處理繁瑣 ,操作冗餘,使得**難以維護
b:大量
dom操作使頁面渲染效能降低
,載入速度變慢
,影響使用者體驗
c:無論如何,只要
model
發生變化
,我們都要將變化的資料更新到
view,
若資料複雜多變將很難維護
mvvm:以上三個都不是問題
適合移動端專案
小巧 (不相容
ie) api
簡潔
VueJs2 0建議學習路線
最近vuejs確實火了一把,自從vue2.0發布後,vue就成了前端領域的熱門話題,github也突破了三萬的star,那麼對於新手來說,如何高效快速的學習vue2.0呢。vuejs的作者尤雨溪尤大也寫過一篇關於新手學習vue路徑的文章新手向 vue 2.0 的建議學習順序 對於沒有接觸過es6和w...
VueJs2 0建議學習路線
最近vuejs確實火了一把,自從vue2.0發布後,vue就成了前端領域的熱門話題,github也突破了三萬的star,那麼對於新手來說,如何高效快速的學習vue2.0呢。vuejs的作者尤雨溪尤大也寫過一篇關於新手學習vue路徑的文章新手向 vue 2.0 的建議學習順序 對於沒有接觸過es6和w...
VueJs2 0建議學習路線
最近vuejs確實火了一把,自從vue2.0發布後,vue就成了前端領域的熱門話題,github也突破了三萬的star,那麼對於新手來說,如何高效快速的學習vue2.0呢。vuejs的作者尤雨溪尤大也寫過一篇關於新手學習vue路徑的文章新手向 vue 2.0 的建議學習順序 對於沒有接觸過es6和w...