vue props 默认值为数组或对象时报错

简单粗暴直接上代码:

// 这样写时会报错 Type of the default value for 'record' prop must be a function 
  props: {
    record: {
      type: Array,
      default: []
    }
  }
 
// 正确应该这样写
// 因为vue规定,对象或数组默认值必须从一个工厂函数获取
  props: {
    record: {
      type: Array,
      default: function () {
          return []
      }
    }
}

data() {

return {

newRecord: this.record // record直接使用如果报错,可以先赋值给另外的变量,再进行其他操作

}

}