vue.js Props中数组或者对象的默认值设置

在给Props加一个数组类型的属性，结果运行报错：
Props with type Object/Array must use a factory function to return the default value.

image.png

正确的写法：

 props: {
      roles: {
      type: Array,
      default: function () {
        return [1]
      }
    }
  },

如果是一个对象类型的，这样写：

 props: {
      roles: {
      type: Object,
      default: function () {
        return { roleName: 'admin' }
      }
    }
  },