<body>
<!--
1. 某个元素如果添加v-pre指令, 内部的元素会被vue直接跳过,不过渲染
将来有可能有一大段的文本,我很明确的知道这段文本是不需要vue来处理
2. v-once: 只会渲染第一次,但是注意:后续数据的更新,视图不发生更新
性能优化: 发现大量的静态的内容不需要更新或者不需要渲染,可以使用v-pre v-once
-->
<div id="app">
<h1 v-pre>{{ msg }}</h1>
<h1 v-once>{{ msg }}</h1>
<h1>{{ msg }}</h1>
</div>
<script src="vue.js"></script>
<script>
const vm = new Vue({
el: '#app',
data: {
msg: 'hello vue'
}
})
</script>
</body>
v-pre与v-once指令
最新推荐文章于 2023-07-20 23:13:47 发布