## v-once指令 **用法:**只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 >[info]代码示例 ~~~ <div id="demo"> <!-- 单个元素 --> <span v-once>This will never change: {{msg}}</span> <!-- 有子元素 --> <div v-once> <h1>comment</h1> <p>{{msg}}</p> </div> </div> <script type="text/javascript"> var app=new Vue({ el:'#demo', data:{ msg:'hello vue' } }); </script> ~~~ >[success]预览:https://ityanxi.github.io/Vue-tutorial/chapter04/13v-once.html