当前位置 : 主页 > 编程语言 > java >

【Vue2.0学习】— v-text指令(四十五)

来源:互联网 收集:自由互联 发布时间:2022-10-26
【Vue2.0学习】— v-text指令(四十五) v-text指令: 作用:向其所在的节点中渲染文本内容 与插值语法的区别:v-text会替换掉节点中的内容,{{XX}}不会 div id = "root" h2你好,{{name}}/h2 h2 v


【Vue2.0学习】— v-text指令(四十五)

【Vue2.0学习】— v-text指令(四十五)_学习


v-text指令:

  • 作用:向其所在的节点中渲染文本内容
  • 与插值语法的区别:v-text会替换掉节点中的内容,{{XX}}不会
<div id="root">
<h2>你好,{{name}}</h2>

<h2 v-text="name">你好,</h2>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
name: '张三'


}
})
</script>

【Vue2.0学习】— v-text指令(四十五)_前端_02


上一篇:【Vue2.0学习】— v-html指令(四十六)
下一篇:没有了
网友评论