-
組件文件內(nèi)，data的形式不再是對(duì)象，是函數(shù)。
data: function(){
return {
????返回值；
}
}
查看全部 -
computed：如果計(jì)算的屬性都沒(méi)改變，值會(huì)使用上次計(jì)算屬性的緩存結(jié)果，不會(huì)重新計(jì)算，性能較高。
查看全部 -
當(dāng)使用Vue的模板指令(如：v-bind,v-text等)時(shí)，=后面跟的就是VueJs的表達(dá)式（Vue實(shí)例里的內(nèi)容）。
<div id="root"><label v-bind:title="msg">Hello World</label></div>
<script>
?new Vue({
? ? ? ? ? ? el: "#root",
? ? ? ? ? ? data: {
? ? ? ? ? ? ? ? msg:"this is v-bind"
? ? ? ? ? ? }
? ? ? ? })
</script>
查看全部 -
VueJs 不是面向DOM編程，而是面向數(shù)據(jù)編程。
查看全部 -
這樣寫(xiě)沒(méi)效果，為什么？
<div id="root" v-on:click="handClick"></div>
<script>
new Vue({
????el:"#root",
????template:"<span>123 {{content}}</span>",
????data:{
????????content:"helloa"
????},
????methods:{
????????handClick:function(){
????????????this.content="world";
????????}
????}
});
</script>
v-on:click事件應(yīng)該寫(xiě)在模板中的span上，即：
template:"<span v-on:click="handClick">123 {{content}}</span>",
查看全部 -
computed
計(jì)算屬性的值在沒(méi)有改變時(shí)會(huì)使用上一次的緩存值，性能較高，只有當(dāng)依賴的屬性值改變時(shí)，它才會(huì)重新計(jì)算。
watch
偵聽(tīng)數(shù)據(jù)的變化.
查看全部 -
如果通過(guò)script標(biāo)簽<script src='./vue.js'></script>引入vue.js，最好要放在head標(biāo)簽里，避免頁(yè)面抖屏的現(xiàn)象；
查看全部 -
v-bind: 可以縮寫(xiě)成 :
v-bind:title <=> :title
v-model雙向數(shù)據(jù)綁定
查看全部 -
v-on指令的簡(jiǎn)寫(xiě)：@
v-on:click <=> @click
{{content}} <=> <div v-text="content"></div> or <div v-html="content"></div>
在事件處理函數(shù)中直接操作數(shù)據(jù)中元素的值就可以更新dom
查看全部 -
@ v-on查看全部
-
Vue.Component 局部Component , 通過(guò)pros傳參數(shù)查看全部
-
v-if v-show v-for :key查看全部
-
computed watch查看全部
-
V-model 雙向綁定 :bind 綁定屬性 V-bind:click查看全部
-
發(fā)布訂閱模式
查看全部
舉報(bào)