vuejs 2 0 基礎筆記

2021-10-08 20:27:22 字數 680 閱讀 4378

基本結構}

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...