关于Vue的computed方法中set方法疑问

我的理解是set方法会将data里面的原始数据改掉啊,但是为啥监控发现并没有变化,而且set和get打个对调,get输出的值还是zhangsan
HTML代码:

<div id="app"> 
    <span>{{fullName2}}</span>
</div>

JS代码:

   var app=new Vue({
        el:"#app",
        data:{
            firstName:"zhang",
            lastName:"san",
            fullName:"",
                  },
        computed:{
            fullName2:{
                get:function(){
                    return this.fullName=this.firstName+this.lastName;
                },
                set:function(){
                    this.firstName="Xiao";
                    this.lastName="Ming";
                },
            }
        },
    });

阅读 3.8k
1 个回答

你应该想要的是这样的吧:

<div id="app"> 
    <span>{{fullName}}</span>
</div>


var app=new Vue({
        el:"#app",
        data:{
            firstName:"zhang",
            lastName:"san"
                  },
        computed:{
            fullName:{
                get:function(){
                    return this.firstName+this.lastName;
                },
                set:function(){
                    this.firstName="Xiao";
                    this.lastName="Ming";
                },
            }
        },
    });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题