vue常用指令:v-once
v-once:只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn vue</title> <script src="js/vue.js"></script> </head> <body> <!-- v-once:只渲染元素和组件一次。随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 --> <div id="app"> <p v-once>原始数据:{{name}}</p> <p>当前数据:{{name}}</p> </div> <script> let vue = new Vue({ el: '#app', data: { name: "张三" }, methods: { } }); </script> </body> </html>
<< 上一篇
下一篇 >>