插值语法:v-once指令的用法
2021-02-20,105
- v-once的用法
v-once:该指令后面不需要根任何表达式(比如之前的v-for后面是跟表达式的)
该指令表示元素和组件只渲染一次,不会随着数据的改变而改变
代码示例:
<body>
<div id="app">
<h2>{{message}}</h2>
<h2 v-once>{{message}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
const app = new Vue({
el:'#app',
data:{
message:'喵绅士',
},
});
</script>
</body>