Vue的常用指令之v-html

说明： 在某些时候我们不希望直接输出<a href='http://www.baidu.com'>百度一下</a>这样的字符串，而输出被html自己转化的超链接。此时可以使用v-html。

代码如下：

        <div id="app">
          <h2>{{url}}</h2>           <!--  不加v-html  打印的是字符串 -->
		  <h2 v-html="url"></h2>
		</div>

		<script src="vue.js"></script>
		<script>
			const app = new Vue({
				el: "#app",
				data() {
					return {
						url:"<a href='http://www.baidu.com'>百度一下</a>"
					}
				}
			})
		</script>