1.v-text和v-html的区别：
相同点： 都覆盖掉所在元素的子节点 都可以去渲染数据 不同点： text不能解析HTML标签 html可以解析html标签 <h1>Hello {{name}}</h1> <div v-text=" name + '说好热呀' "> <p>我是v-text</p> <input type="text"> </div> <h2 v-html=" name + '今年' + age + '了' "> <p>我是v-html</p> <input type="text"> </h2> new Vue({ el:"#app", data:{ name:"Lisa", sex:"女", age:"18" } })2.v-show：显示和隐藏 v-if：创建和销毁
<button >显示</button> <button>隐藏</button> <div v-cloak v-if="msg"></div> let app = new Vue({ // el:"#app", template:` <div class="box" v-if="msg"></div>`, data:{ msg:true, name:"<strong>任涛</strong>", sex:"未知", age:"18", hobby:"王者峡谷" } }); //延迟挂载 setTimeout(()=>{ app.$mount('#app'); },2000);