被定义了 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 https://jsfiddle.net/deniro/umrp5a4e/ ):
格陵兰岛冰下疑现巨大陨石坑 或与灭绝理论有关
这里虽然使用了 App.content 重新设置了内容, 但并没有生效, 因为我们使用了 v-once 指令.
v-once 指令除了用于展示静态内容, 也可能在需要进一步优化性能时用到它哦 O(∩_∩)O~
来源: http://www.jianshu.com/p/ffecd8d1fff7