通过使用 v-once 指令，你也能执行一次性地显示属性，当数据改变时，属性的内容不会更新。
注意这会影响到该节点上所有的数据绑定。
实例代码
<!DOCTYPE html><html><head>
<title>Vue模板v-once</title></head><body>
<div id="app">
<h1 v-once>{{ title }}</h1>
<p>{{ sayHello() }} - <a :href="link" target="_blank">百度</a></p>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
title: 'Hello Vue',
link: 'http://baidu.com'
},
methods: {
sayHello(){ this.title = 'Hello !'; return this.title;
}
}
}); </script></body></html>
此文章本站原创，地址 https://www.vxzsk.com/884.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程
上一篇：Spark 外部数据集
下一篇：vue vhtml指令
^