TypeError: Cannot destructure undefined

在Vue开发时遇到的一个bug,太容易忘记了,记一个笔记:

挺烦的一个bug,只知道好像是解构出了问题,但是不知道是哪里的问题,仔细看了一下,我发现有两个问题:

问题一:

解构的数据一定是要有值在里面的,没有值的解构是一定不可以的.

let {} = this.props;			//错误示范
let { data }=this.props;		//正确写法

问题二:

解构的时候想要给予一个对象默认值的时候千万别写错了,赋值默认值是用(=)号去赋值的,而不是(:)冒号

var { data : {} } = node 		//错误示范
var { data = {} } = node		//正确写法

解构的时候是用(=)去赋默认值,但是在定义对象的时候依旧是使用(:)去定义默认值的:

data() {
    return {
      user: {
        	username : '张三',
        	password : '1234'
      }
    }
  }