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>
可以解析标签文章来源：https://www.toymoban.com/news/detail-801152.html
总结：
文章来源地址https://www.toymoban.com/news/detail-801152.html
到了这里，关于Vue-25、Vue内置指令v-text与v-html的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
