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

在这里插入图片描述

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

问题一:

解构的数据一定是要有值在里面的,没有值的解构是一定不可以的.
let {} = this.props;			//错误示范
let { data }=this.props;		//正确写法

问题二:

解构的时候想要给予一个对象默认值的时候千万别写错了,赋值默认值是用(=)号去赋值的,而不是(:)冒号
var { data : {} } = node 		//错误示范
var { data = {} } = node		//正确写法

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

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

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐