vue props default

Vue组件中的props可以设置默认值，通过`default`选项来实现。下面是一个示例：

Vue.component('my-component', {
  props: {
    message: {
      type: String,
      default: 'Hello' // 设置默认值为'Hello'
    }
  },
  template: '<div>{{ message }}</div>'
})

在上面的示例中，`my-component`组件定义了一个名为`message`的prop，并设置了默认值为'Hello'。如果父组件没有传递`message`属性给`my-component`组件，那么它将使用默认值进行渲染。

<my-component></my-component> <!-- 渲染结果为：Hello -->
<my-component message="Welcome"></my-component> <!-- 渲染结果为：Welcome -->

这里注意，如果父组件传递了`message`属性给`my-component`组件，那么默认值将被覆盖。