vue指令：v-once 元素和组件只渲染一次，不会随着数据的改变而改变
生活随笔
收集整理的這篇文章主要介紹了
vue指令：v-once 元素和组件只渲染一次，不会随着数据的改变而改变
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
對容器使用v-once指令進(jìn)行修飾之后，對數(shù)據(jù)進(jìn)行修改，界面不更新
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style></style> </head> <body><div id="app"><h2 v-once>{{a}}</h2><button @click="add">按我加1</button><button @click="minus">按我減1</button></div><script src = "js/vue.js"></script><script>var vue = new Vue({el: "#app",data: {a: 100},// 事件方法methods:{add() {this.a ++console.log(this.a)},minus() {this.a --console.log(this.a)}}})</script> </body> </html>始終是初始狀態(tài)的100：
總結(jié)
以上是生活随笔為你收集整理的vue指令：v-once 元素和组件只渲染一次，不会随着数据的改变而改变的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux vscode配置HBuild
- 下一篇： vue指令：v-cloak渲染指令(v-