欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue.js中的v-text指令

程序员文章站 2022-05-15 17:37:13
...

一、Vue.js中的v-text指令?

v-text是用于操作纯文本,它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变,插值处的内容也会随之更新。

HTML:
代码如下(示例):

<div id="app">
        <div v-text="mytext"></div>
 </div>

Javascript:

<script>
        new Vue({
            el: "#app",
            data: {
                msg:'Word',
                mytext: '文本'
            }
        })
    </script>

页面显示:
Vue.js中的v-text指令