vue data变量之间相互赋值或进行数据联动

最新推荐文章于 2024-04-29 15:38:36 发布

原创最新推荐文章于 2024-04-29 15:38:36 发布 · 3.4k 阅读

3 ·

CC 4.0 BY-SA版权

学习日记同时被 3 个专栏收录

144 篇文章

订阅专栏

开发分享

44 篇文章

订阅专栏

Vue

5 篇文章

订阅专栏

本文探讨了在 Vue.js 中如何实现数据变量之间的赋值操作以及数据联动效果，详细介绍了两种主要方法：变量直接赋值和利用 Vue 的响应式系统实现数据绑定。通过这些技巧，可以有效地在组件中管理并同步状态。

一。变量之间赋值

data:{
            domain:"domain",
            publicKey:"123",
            secretKey:"123",
            sub:"",
            req:""
        },
        mounted:function (){
            this.sub =  "wss://"+this.domain+"/linear-swap-ws";
            this.req = "https://"+this.domain;
        },
 }

二。变量之间数据联动

 data:{
            domain:"domain",
            publicKey:"123",
            secretKey:"123",
            sub:"",
            req:""
        },
        mounted:function (){
            this.sub =  "wss://"+this.domain+"/linear-swap-ws";
            this.req = "https://"+this.domain;
        },
        watch:{
            domain(newDomain,oldDomain){
               this.sub =  "wss://"+newDomain+"/linear-swap-ws";
               this.req = "https://"+newDomain;
            }
        }```