vue3函数定义可选参数

在Vue 3中，可以使用`props`选项来定义可选参数。`props`选项是一个对象，其中的每个属性都是一个参数，可以设置`default`属性来指定默认值。如果不传递该参数，则会使用默认值。

以下是一个示例，演示如何在Vue 3中定义可选参数：

import { createApp } from 'vue';

const app = createApp({
  props: {
    message: {
      type: String,
      default: 'Hello World' // 设置默认值为'Hello World'
    },
    count: {
      type: Number,
      default: 0 // 设置默认值为0
    },
    isDisabled: {
      type: Boolean,
      default: false // 设置默认值为false
    }
  },
  template: `
    <div>
      <p>{{ message }}</p>
      <p>Count: {{ count }}</p>
      <button :disabled="isDisabled">Click me</button>
    </div>
  `
});

app.mount('#app');

在上面的示例中，我们定义了三个可选参数：`message`、`count`和`isDisabled`。如果不传递这些参数，它们将使用默认值。