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直接使用如果报错，可以先赋值给另外的变量，再进行其他操作 

          }

      }