v-html
如果在HTML代码中想嵌入一个代码块,代码块中有一些标签能够按照HTML语法解读出来,就需要v-html来实现了,例如下面的代码:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title>Vue CDN</title>
</head>
<body>
<div id="vue-app">
<p v-html="websiteTag"></p>
</div>
</body>
<script src="app.js"></script>
</html>
js
// 实例化vue对象
new Vue({
el: "#vue-app",//elment
data() {
return {
websiteTag: '<a href="https://www.taobao.com">taobao</a>'
}
},
});