vue学习笔记5 v-pre v-cloak v-once

原样输出:v-pre

渲染完输出:v-cloak 

只渲染一次:v-once

	<div id="app">
	<!-- v-pre原样输出 -->
		<h1>v-pre v-cloak v-once</h1>
		<hr>
		<div v-pre>{{message}}</div>
		<div v-cloak>渲染完成后显示</div>
		<div v-once>{{message}}:只进行 一次渲染</div>
		<div><input type="text" v-model="message"></div>
		<div>{{message}}</div>
	</div>
	<script type="text/javascript">
		var app = new Vue({
			el:'#app',
			data:{
				message:'hello World'
			}
		})
	</script>


猜你喜欢

转载自blog.csdn.net/fyangfei/article/details/78680474