昨天我們大致了解了有關(guān)Vue的基礎(chǔ)知識(shí)和語(yǔ)法;今天我們繼續(xù)在大V這條路上前進(jìn)。
首先,我們回憶一下昨天提到的相關(guān)知識(shí)點(diǎn):
1.了解Vue的核心理念------”數(shù)據(jù)驅(qū)動(dòng)視圖“
2.了解Vue的特色功能-------”雙向綁定“
3.了解Vue的基礎(chǔ)語(yǔ)法-------”{{bigSurprise}},el:'',data{},vm.project,method{},等
首先,昨天我們提到了很好用的雙向綁定,但是如果在某些情況下我們不需要雙向綁定應(yīng)該怎么辦呢,看如下代碼:
<div id=" javascript ">
<div v-once> {{ vue }} </div>
<input v-medol="vue">
</div>
new Vue({
el:'#javascript'
data{
vue : ' hello world '
}
})
那么這個(gè)地方,我們堆div標(biāo)簽添加一個(gè)directive,即為 v-once,阻止了雙向綁定,所以當(dāng)input中的元素發(fā)生改變,div中也并不會(huì)改變。
然后進(jìn)入正題------------filters(過(guò)濾器)
先上代碼:
new Vue ({