vue这样解构赋值不对吧

Question

data是这样的

data () {
    return {
      username: '',
      pw: '',
      pw2: ''
    }
}

然后methods的一个方法里面这样解构赋值不对吧 this指向当前组件 直接赋值不行吧 我打印username显示是空

const {username, pw, pw2} = this

Answer 1

这种解构在vue中只能用来获取 不能用来操作 因为是值的赋值

const {username, pw, pw2} = this

username = '123'//无法监听

你只是用作打印的话没问题 可能username是异步赋值的

Answer 2

this.username = '张三'
const {username, pw, pw2} = this
consloe.log(username) // 张三

其实已经解构出来了，显示为空是因为你初始值就是空的，你吧username 设置个值看看

Answer 3

本来就是空字符串吧，如果取不到应该是undefined

Answer 4

说下你的需求，你想实现是么目的