vue2 prop默认值

在Vue.js 2中，你可以为组件的props设置默认值。有几种不同的方式来设置默认值。

1. 直接在props中设置默认值：

props: {
  myProp: {
    type: String,
    default: 'default value'
  }
}

在这个例子中，`myProp`是一个字符串类型的prop，它的默认值被设置为`'default value'`。

2. 使用工厂函数设置默认值：

props: {
  myProp: {
    type: String,
    default: function () {
      return 'default value'
    }
  }
}

工厂函数允许你在每次创建组件实例时动态计算默认值。在这个例子中，`myProp`的默认值是通过调用函数`function () { return 'default value' }`来计算得到的。

3. 使用对象或数组作为默认值：

props: {
  myProp: {
    type: Object,
    default: function () {
      return { prop1: 'default value', prop2: 'default value' }
    }
  }
}

在这个例子中，`myProp`的默认值是一个对象，其中包含两个属性`prop1`和`prop2`，它们的默认值都是`'default value'`。

需要注意的是，当使用对象或数组作为默认值时，应该将它们包装在一个工厂函数中，以确保每个组件实例都有一个独立的副本。

这些是在Vue.js 2中设置props默认值的几种方法。你可以根据需要选择适合你的情况的方法。