LLEARNING NOTES

技术 · 思考 · 实践 · 成长

首页/Vue3/正文

v-text 更新文本内容

Vue3614 次阅读
<div id="app">
        <!-- 电视机,冰箱
                采购的商品是:电视机,冰箱
        -->
        <!-- 直接覆盖整个p -->
        <p v-text="message">采购的商品是:</p>
        <!-- 只更新{{}}部分 -->
        <p>采购的商品是:{{message}}</p>
    </div>
    <script src="https://unpkg.com/vue@next"></script>
    <script>
       const vm = Vue.createApp({
            data(){
                return{
                    message:'电视机,冰箱'
                }
            }
       }).mount('#app');
    </script>


泰山崩于前而色不变,麋鹿兴于左而目不瞬,然后可以制利害,可以待敌。--心术

评论交流

理性讨论,共同进步
验证码

相关文章

继续阅读