一、 v-html指令
1.1.说明
假如我们从服务器请求回来的是一个HTML的代码片段
如果我们想将html原样输出,就是用{{}}就可以了
如果我们希望浏览器解析html后展示,那就要使用到v-html了
1.2.怎么做
{{zimug}}
const app = new Vue({
el: '#app',
data: {
zimug: '七维度工作室'
}
})
1.3.效果
这个是实现效果,不可点击
二、 v-pre指令
2.1.说明
如果我们想把下面的这段文字原样输出,则么办?
七维度工作室真不错,特别是{{Mustache}}插值表达式
注意文本里面有一个{{Mustache}},vue会去找Mustache变量,找不到会报错。
即使我们定义了变量,也不满足我们的需求。我们需要将Mustache原样输出,而不是交给浏览器做变量插值操作,这就需要用到v-pre指令
2.2.怎么做
七维度工作室真不错,特别是{{Mustache}}插值表达式
2.3.效果
这样,vue就不会去解析{{}},而是原样显示出来