? ? ? ?系統(tǒng)學(xué)習vuejs中的生命周期、循環(huán)性能、自定義組件思想、vue-cli、vue-loader(*.vue)、vue-devtools、slot等用法后深受喜歡,于是準備重頭開始做一下筆記加深印象,如果你無意中看到此文,希望看完后對你有所幫助, api用法不在贅述過多。
1、vue.js(1.0.26) -> ?mvvm框架 、小巧、精簡 -> 適合移動端項目 -> 不兼容ie
2、官網(wǎng)地址:http://cn.vuejs.org
3、基本雛形 ??
? ? ? ? ? ? ? ? ? el:掛載元素 -> 可以是class、id、body 等選擇器....... (onload之后)
? ? ? ? ? ? ? ? ? data:可以是number、string、 布爾類型、數(shù)組(v-for遍歷)、 json 等數(shù)據(jù)類型.......
4、常用指令(拓展HTML標簽功能屬性)
? ? ? ? 4-1、 v-model='msg' ---> ?雙向數(shù)據(jù)綁定
? ? ? ? 4-2、 ?v-for='value in arr/json' --->循環(huán)
? ? ? ? ? ? ? ?4-2-1、循環(huán)數(shù)組 ?-->(自帶$index)
? ? ? ? ? ? ? ?4-2-2、循環(huán)json數(shù)據(jù) -->(自帶$index、$key)
5、事件對象 ? ? @:event.prevent/stop/.......='Fn($event)'
? ? ? ? ? 5-1、阻止冒泡(@click.stop = 'fn()'/或者是在fn方法里面寫上 ? ? ? ? ? ? ? ? ? cancleBubble = true)
? ? ? ? ? 5-2、取消默認行為(ev.preventDefault/@click.prevent= ? ? ? ? ? ? ? ? ? ? ? ? ? ? 'fn($event)')
? ? ? ? ? ?5-3、ev.keyCode獲取鍵盤的鍵值 ?@keyup.left/top/......