在vue.js中指令是带有v-前缀的特殊属性。当表达式的值改变时,将某些行为,应用到DOM上。
v-once指令表示只会对组件或元素渲染一次,保证了插件内容的值不变。当再次渲染或重新给值时,元素的值仍不会发生改变。
<div id="app">
<p v-once>这个孩子:{{message}}</p>
</div>
<script>
var v=new Vue({
el:"#app",
data:{
message:"真可爱"
}
}
</script>
结果显示:
当再加入:app.message="this is a cute boy"
时,结果不会有任何改变。