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>