解释:指令是带有 v- 前缀的特殊属性。
作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM上。
v-text
更新元素的 textContent
<body>
<div id="app">
<p v-text="message"></p>
</div>
<script src="js/vue.min.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
message: "This is MyBlog"
}
})
</script>
</body>
看一下效果
v-htm
更新元素的 innerHTML
<body>
<div id="app">
<p v-html="message"></p>
</div>
<script src="js/vue.min.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
message: "<a href='https://jiangrunkang.cn'>This is MyBlog</a>"
}
})
</script