Vue中props的默认值用法

一、通常用法：

父组件

<button :name="name"></button>

子组件：

props: ["name"]

二、传参：

父组件：

<button :name="name"></button>

子组件：

props: {
  name: {
    type: String,    //type: [String, Number]
    default: "default"
  }
}

如果传递Array|Object类型值得时候，会报以下错误

 解决办法：

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