<!-- 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>
vueJS 002 v-cloak v-text v-html
最新推荐文章于 2024-02-09 00:00:00 发布