旁观自己 善待朝夕|

猫老板的豆

园龄:9年4个月粉丝:52关注:0

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 中国大陆许可协议进行许可。

posted @   猫老板的豆  阅读(46)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.