props接受的参数设置默认值导致警告

问题描述

运行项目的时候在浏览器上面出现一个警告。
警告内容:Invalid default value for prop "multipleChoose": Props with type Object/Array must use a factory function to return the default value.

  props:{
    multipleChoose:{
      type:Array,
      default:[]
    }
  },

---

原因分析：

通常是由于在组件中的 props 定义中使用了对象或数组类型的默认值而导致的。
在 Vue.js 中，如果一个 props 的默认值是一个对象或数组，不能直接将对象或数组字面量作为默认值，而应该使用一个工厂函数返回一个新的对象或数组。

---

解决方案：

使用箭头函数返回默认值就可以了

  props:{
    multipleChoose:{
      type:Array,
      default:()=>[]
    }
  },