v-once指令的学习

总结：v-once指令可以使页面中插入的信息不再发生改变

代码展示:

		    <div id="app">
		        <h1>{{message}}</h1>
		        <h1 v-once>{{message}}</h1>
		    </div>
		
		    <script src="vue.min.js"></script>
		    <script>
		        const app = new Vue({
		        el: "#app",
		        data: {
		            message: '哈哈'
		        }
		    })
		    </script>

效果：修改页面中message信息，v-once指令的message不会发生改变
在这里插入图片描述