Vue2.0中v-text指令的详细用法是怎样的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计189个文字,预计阅读时间需要1分钟。
【Vue2.0学习】— v-text指令(四十五)
v-text指令:作用:向其所在节点中渲染文本内容用法:v-text=变量名区别:v-text会替换掉节点中的所有内容,而{{变量名}}不会。
示例: 你好,{{name}}
— v-text指令(四十五)
v-text指令:
- 作用:向其所在的节点中渲染文本内容
- 与插值语法的区别:v-text会替换掉节点中的内容,{{XX}}不会
<h2>你好,{{name}}</h2>
<h2 v-text="name">你好,</h2>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
name: '张三'
}
})
</script>
本文共计189个文字,预计阅读时间需要1分钟。
【Vue2.0学习】— v-text指令(四十五)
v-text指令:作用:向其所在节点中渲染文本内容用法:v-text=变量名区别:v-text会替换掉节点中的所有内容,而{{变量名}}不会。
示例: 你好,{{name}}
— v-text指令(四十五)
v-text指令:
- 作用:向其所在的节点中渲染文本内容
- 与插值语法的区别:v-text会替换掉节点中的内容,{{XX}}不会
<h2>你好,{{name}}</h2>
<h2 v-text="name">你好,</h2>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
name: '张三'
}
})
</script>

