vue props 默认值

在Vue中，可以通过props属性在组件之间传递数据。如果父组件没有传递一个prop，那么你可以为该prop设置一个默认值。这可以通过在props中指定一个default属性来实现。

例如，如果你在组件中有一个名为"message"的prop，你可以为它设置一个默认字符串值：

props: {
  message: {
    type: String,
    default: 'Hello World!'
  }
}

现在，如果父组件没有传递"message" prop，那么在组件中访问"message"时，将会默认使用"Hello World!"。

你也可以通过一个函数来动态地设置默认值：

props: {
  message: {
    type: String,
    default: function () {
      return 'Hello World!'
    }
  }
}

在这个例子中，"default"属性的值是一个函数，该函数返回一个字符串，这个字符串将被用作默认值。

如果你想要为非字符串类型的prop设置默认值，你可以使用一个函数来返回一个默认的空对象或数组：

props: {
  myObject: {
    type: Object,
    default: function () {
      return {}
    }
  },
  myArray: {
    type: Array,
    default: function () {
      return []
    }
  }
}

这样可以确保即使没有传递值，也能安全地使用这些props。