-
適用v-for做循環(huán)展示時(shí)，需要添加:key=""，為了提高渲染效率，要求：每渲染一條的key值都是不同的
為避免數(shù)組內(nèi)容重復(fù)，可轉(zhuǎn)換為如下寫法，例如：
當(dāng)然，這也并不是一個(gè)特別好的選擇，如果需要頻繁渲染時(shí)，index會(huì)出現(xiàn)問題
查看全部 -
v-show? 性能相對(duì)更高一些，不用多次加載dom元素，適合進(jìn)行多次隱藏或展示的內(nèi)容
v-if 會(huì)消除dom節(jié)點(diǎn)，適合少次的顯示隱藏
查看全部 -
全局組件：
Vue.component('todo-item',{
template:'<li>item</li>',
})
在外層/父組件中使用屬性進(jìn)行值的傳遞，
然后在全局組件中添加props: ['content'],接收傳遞的屬性值
Vue.component("todo-item",{
????props: ['content'],
????template:" <li>{{content}}</li>"
})
查看全部 -
v-show:并不會(huì)清楚div標(biāo)簽，只是使得屬性display：none；
v-if：隱藏時(shí)會(huì)清除div標(biāo)簽；
v-for：循環(huán)展示list標(biāo)簽；
綁定：key，會(huì)使得性能更加穩(wěn)定；
<li v-for="(item,index) of list" :key="index">? {{item}} </li>
查看全部 -
使用content時(shí)需要在組件中使用props 聲明 才能使用
查看全部 -
局部組件需要在實(shí)例中進(jìn)行聲明
查看全部 -
通過? vue.componet定義的組件叫全局組件
查看全部 -
已學(xué)完查看全部
-
v-model進(jìn)行雙向綁定? v-bind 是單向綁定
查看全部 -
v-bind： 與：意思是一樣的，一般直接寫 ：進(jìn)行數(shù)據(jù)綁定
查看全部 -
每行后面逗號(hào)結(jié)束
查看全部 -
handleClick：function（）{
}
結(jié)構(gòu)要記好，handleClick
查看全部 -
計(jì)算屬性computed的fullname利用以前計(jì)算結(jié)果緩存顯示，效率比較高；
查看全部 -
v-bind:屬性的綁定
查看全部 -
v-text：content? ?將內(nèi)容轉(zhuǎn)義，將標(biāo)簽也看成文本
v-html：content? ?不轉(zhuǎn)義，顯示dom的內(nèi)容
v-on：click=“handleClick”給元素綁定方法
v-on可以用@簡(jiǎn)寫
v-on:click="handlerClick"? 指令綁定方法；
vue面對(duì)數(shù)據(jù)編程，在click綁定的方法methods改變數(shù)據(jù)；
查看全部
舉報(bào)