vue.js之v-text 与 v-html
v-text 与 v-html 的区别类似于 jquery 里 .text() 与 .html() 的区别
v-text 指令
<div id="app">
<p v-text="msg"></p>
<!--效果一样-->
<p>{{ msg }}</p>
</div>
<script>
let app = new Vue({
el:"#app",
data:{
msg:'hello,vue'
}
});
</script>
v-html 指令
<div id="app">
<p v-html='message'></p>
</div>
<script>
let vm = new Vue({
el: "#app",
data: {
message:'<b>hello,vue</b>'
}
});
</script>
本文作者:猫老板的豆
本文链接:https://www.cnblogs.com/bingcola/p/16499282.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步