vue2 props 默认值

在Vue.js框架中，props是父组件向子组件传递数据的一种方式。Vue2允许你为props设置默认值，以便在父组件没有提供该属性或者传递了undefined时使用。设置默认值的方法是在子组件的props选项中提供一个默认对象。如果props是数组形式，则每个属性的默认值需要在子组件的data函数中返回的默认对象里单独设置。如果props是对象形式，则可以像定义data函数那样直接在组件的props选项内定义默认值。

下面是一个设置默认值的例子：

Vue.component('child-component', {
  props: {
    // 基本类型设置默认值
    message: {
      type: String,
      default: 'Hello Vue!'
    },
    // 对象类型设置默认值
    options: {
      type: Object,
      default: function () {
        return { color: 'blue' };
      }
    }
  },
  // ...
});

在上面的示例中，`message` 属性将有一个字符串类型的默认值 "Hello Vue!"，而`options` 属性将默认返回一个包含 `{ color: 'blue' }` 的对象。注意，对于对象类型，我们不能直接写对象字面量作为默认值，而是需要提供一个函数来返回对象，这是因为每个组件实例应该拥有自己的属性副本以避免数据共享。