1、v-text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>v-text</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script type="text/javascript" src="./js/dayjs.min.js"></script>
<style>
</style>
</head>
<body>
<div id="root">
<h1>{{name}}</h1>
<h1 v-text="name"></h1>
<h1 v-text="str"></h1>
</div>
<script type="text/javascript">
Vue.config.productionTip=false;
new Vue({
el:"#root",
data:{
name:'尚硅谷',
str:'<h3>你好啊<h3>'
},
})
</script>
</body>
</html>
2、v-html
<h1 v-html="str"></h1>
可以解析標(biāo)簽文章來源：http://www.zghlxwxcb.cn/news/detail-801152.html
總結(jié)：
文章來源地址http://www.zghlxwxcb.cn/news/detail-801152.html
到了這里，關(guān)于Vue-25、Vue內(nèi)置指令v-text與v-html的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
