本次主要介绍Vue的基本指令:v-text。
使用工具:HbuilderX
v-text 是什么,可以实现什么?
v-text
是一个填充文本的指令,用于设置元素的文本内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>csdnWebPage</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id='app'>
<div v-text='desc'></div>
</div>
<script>
var csdnWeb = {
data() {
return {
desc: '<h1>这是一段描述信息</h1>'
}
}
}
var app = Vue.createApp(csdnWeb)
app.mount('#app')
</script>
</body>
</html>
使用浏览器打开,便是如此显示:
因此:如果文本中存在html标签, 是不会进行解析而直接显示的,它原本是什么,便显示什么。
下一篇:如果文本中存在html标签,能够对其进行解析,该用什么指令呢?