被定义了 v-once 指令的元素或组件（包括元素或组件内的所有子孙节点）只能被渲染一次。首次渲染后，即使数据发生变化，也不会被重新渲染。一般用于静态内容展示。
html：
<div id="app">
<div v-once>
{{content}}
</div>
</div>
js：
<script>
var app = new Vue({
el: '#app',
data: {
content:'格陵兰岛冰下疑现巨大陨石坑 或与灭绝理论有关'
}
});
app.content='显卡第一利器升级：AMD新卡到位';
</script>
输出结果（demo）：
格陵兰岛冰下疑现巨大陨石坑 或与灭绝理论有关
这里虽然使用了 app.content 重新设置了内容，但并没有生效，因为我们使用了 v-once 指令。
v-once 指令除了用于展示静态内容，也可能在需要进一步优化性能时用到它哦O(∩_∩)O~
被定义了 v-once 指令的元素或组件（包括元素或组件内的所有子孙节点）只能被渲染一次。首次渲染后，即使数据发生...
toggle效果 【动态组件】 【v-once指令】在模板中添加v-once指令，可以直接将模板放在内存中，而不去...
(1) Mustache语法(双大括号语法) 不常用指令（仅用于特殊场景） (2) v-once v-once：元...
模板语法 在vue中，我们使用mustache插值({{}})来将数据渲染在模板中 使用v-once指令可以控制只...
在正常情况下，每个组件切换时都是销毁，创建，销毁，创建的过程，而如果加了v-once，就会在内存中缓存这个组件，这...
1.v-text,v-html,v-once,v-pre指令
1 用法 v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。 html： ...
可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。 ...
1 应用于单个元素 Vue.js 中的条件渲染指令可以根据表达式的值，来决定在 DOM 中是渲染还是销毁元素或组件...
v-on 事件指令用于绑定事件。 1 基础用法 v-on 指令绑定事件后，就会监听相应的事件。 html： 注意：...
本文标题：说说 Vue.js 中的 v-once 指令
本文链接：https://www.haomeiwen.com/subject/tvxifqtx.html
网友评论