0
点赞
收藏
分享

微信扫一扫

21.RocketMQ源码之NameServer的路由管理和架构设计

陆公子521 2023-07-03 阅读 18
<body>
    <div id="root">
        姓:<input type="text" v-model="firstName"><br/><br/>
        名:<input type="text" v-model="lastName"><br/><br/>
        全名:<span>{{fullName}}</span><br/><br/>
    </div>
</body>
    <script>
        const vm = new Vue({
            el:'#root',
            data:{
                firstName: '张',
                lastName: '三',
                fullName:'张-三'
            },
            watch:{
                firstName(newValue){
                    setTimeout(()=>{
                        this.fullName = newValue+'-'+this.lastName
                    },1000);
                 },
                 lastName(newValue){
                    this.lastName = this.firstName+'-'+newValue
                 }
            }
        })
    </script>

效果:更改姓之后延迟一秒显示改后的全名

 

举报

相关推荐

0 条评论