v-once 作用:
執行一次性地插值,當數據改變時,插值處的內容不會更新,v-once所定義的元素或組件只會渲染一次,首次渲染後,不再隨着數據的改變而重新渲染。也就是說使用v-once,該塊都將被視爲靜態內容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>v-once</title>
<script src="vue.js"></script>
</head>
<body>
<div id = "com">
<h1> {{c}} </h1>
<h4 v-once> {{c}} </h4>
<input type="text" v-model="c">
</div>
<script>
var a = new Vue({
el: '#com',
data:{
c:'Hello vue'
}
});
</script>
</body>
</html>