【学习笔记】v-cloak，v-text，v-html的作用和区别

当网速较慢，加载页面时，可能会出现未经渲染的{{msg}}，v-cloak正是为了解决这个问题。

	<style>
		[v-cloak]{
			display: none;
		}
	</style>

	<div id="myApp">
	<p v-cloak>{{msg}}</p>
	</div>

	<script>
		new Vue({
			el:"#myApp",
			data:{
				msg:"nihaoa"
			}
		})
	</script>

与v-cloak效果类似的还有v-text，但是这种方式会替换掉标签内的文本

	<h4 v-text="msg">++++++++++++</h4>

但以上两种命令都是替换为字符串，如果在msg中写入了html代码并且执行，就要使用v-html标签

	<h4 v-html="msg2"></h4>

	<script>
		new Vue({
			el:"#myApp",
			data:{
				msg2:"<h1>123</h1>"
			}
		})
	</script>