vueJS 002 v-cloak v-text v-html

<!-- vue 要控制的html區域 即 View層 -->
<div id="app">
<!-- 網絡卡頓的情況下 頁面顯示{{ hellWorld }},使用v-cloak可解決 -->
	<lable v-cloak>內容1 {{ hellWorld }} 內容2</lable>
<!-- v-text 無網絡卡頓問題 -->
	<lable v-text="msg">{{ hellWorld }}</lable>
	<!-- v-html 專門解析DOM -->
	<div v-html="myHtml"></div>
</div>
<script>
var vm = new Vue({
	// 標識創建的vue對象控制哪個區域
	el: '#app',
	// data 即 M 層,保存每個頁面的數據
	data : {
		helloWorld : 'hello',
		myHtml:'<span>哈哈</span>'
	}
})
</scritp>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章