v-once的认识和使用
显示一次,无法进行二次响应,使用v-once
示例:
<div id="app">
<h1>{{messages}}</h1>
<h1 v-once>{{messages}}</h1>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
const apt = new Vue({
el : "#app",
data :{
messages : "hello word",
}
})
</script>
显示结果:
浏览器console改变messages的值,v-once的值是无法被更改的