vue学习03v-html
- v-html指令的作用是：设置元素的内部html链接
- 内容有html 的结构会被解析为标签
- v-text指令无论内容是什么，只会解析文本
- 解析文本使用v-text，需要解析html结构使用v-html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!-- 开发环境版本-->
<script src="js/vue.js"></script>
<body>
<div id="app">
<p v-html="content"></p>
<p v-text="content"></p>
</div>
<script>
var app = new Vue({
el:"#app",
data: {
content:"<a href='https://www.cnblogs.com/ma1998/'>小飞博客园</a>",
}
})
</script>
</body>
</html>
两种效果
v-html能解析出来网址，而v-text不能解析
