v-html:指令下數(shù)據(jù)綁定會(huì)被忽略,而被當(dāng)成HTML
如果用到v-html指令時(shí)滓鸠,需要單獨(dú)添加一個(gè)元素來(lái)綁定
v-text:操作元素中的純文本
v-text不解釋標(biāo)簽翅溺,v-html解釋標(biāo)簽
v-text會(huì)將元素當(dāng)成純文本輸出,v-html會(huì)將元素當(dāng)成HTML標(biāo)簽解析后輸出
v-once 只綁定一次
當(dāng)數(shù)據(jù)改變時(shí)秸仙,插值處的內(nèi)容不會(huì)繼續(xù)更新
v-pre 原樣輸出
v-cloak:防止頁(yè)面加載時(shí)出現(xiàn) vue.js 的變量名
<style>
[v-cloak]{
display: none;
}
</style>
<body>
<div id="app">
<input type="text" v-model="mas">
<p v-html="mas">{{mas}}</p>
<p v-text="mas">{{mas}}</p>
<h1 v-cloak>{{mas}}</h1>
</div>
<script src="[js/vue.js](js/vue.js)"></script>
<script>
new Vue({
el:'#app',
data:{
mas:'hello'
},
beforeMount:function(){
alert('beforeMount')
}
})
</script>