02.3v-html指令

<body>
    <div id="app">
        <h1> {{ message }} </h1>
        <h2 v-html="message"> </h2>
    </div>
    <script src='https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js'></script>
    <script>
        // v-html指令可以解析message里面的字符串和标签  在写页面上直接显示 百度链接
        // 没有加v-html指令的 显示的就是一个字符串<a href='http://baidu.com'>百度</a>
        const app = new Vue({
            el: '#app',
            data: {
                message: "<a href='http://baidu.com'>百度</a>"
            }
        })
    </script>
</body>

 

posted @ 2020-12-28 21:13  闭上耳朵  阅读(71)  评论(0编辑  收藏  举报