vue3组件props默认值

在Vue 3中，您可以为组件的props指定默认值。有两种方式可以实现这一点：

1. 使用setup()函数：
在Vue 3中，可以使用`setup()`函数来定义组件的逻辑。在这个函数中，您可以通过返回一个包含props默认值的对象来实现默认值的设置。例如：

import { defineComponent } from 'vue';

export default defineComponent({
  props: {
    message: {
      type: String,
      default: 'Hello, World!' // 设置默认值
    }
  },
  setup(props) {
    // 访问props.message
    console.log(props.message); // 输出：'Hello, World!'
  }
});

2. 使用default选项：
Vue 3还支持使用default选项来为props指定默认值。例如：

import { defineComponent } from 'vue';

export default defineComponent({
  props: {
    message: {
      type: String,
      default: 'Hello, World!' // 设置默认值
    }
  },
  setup() {
    // 访问props.message
    console.log(this.message); // 输出：'Hello, World!'
  }
});

这两种方法都可以用来为props指定默认值，您可以根据自己的喜好选择其中一种方式。