v-text

v-text 用于 设置标签的文本值

<body>
    <script src="../vue.js"></script>
    <div id="mydiv">
        <div v-text="message"></div>
        <div v-text="message + '!'"></div>
        <div>{{ message }}</div>
        <div>{{ message + "!"}}</div>
        <div>{{ message }}!</div>
    </div>
    <script src="work2.js"></script>
</body>
var app = new Vue({
    el:'#mydiv',
    data:{
        message:'Hello Vue'
    }
})

结果为：

Hello Vue
Hello Vue!
Hello Vue
Hello Vue!
Hello Vue!

 

posted @ 2022-11-24 20:58  树叶本子  阅读(42)  评论(0)    收藏  举报