先上图
也就是说加v-once的内容只会被渲染一次,不会随msg的变化而变化(v-model是input的双向绑定)。下面奉上代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="./vue.js"></script>
</head>
<body>
<div id="app">
<h2>{{msg}}</h2>
<h2 v-once>{{msg}}</h2>
<p>
<input type="text" v-model = "msg" name="">
</p>
</div>
<script>
new Vue({
el:"#app",
components:{
},
data:{
msg:"你好呀"
},
methods:{
}
})
</script>
</body>
</html>