vue3 props设置默认值

在Vue3中，我们可以使用`defineProps`函数来定义组件的props，并且可以通过`default`属性来设置默认值。以下是两种设置默认值的方法：

1. 使用`default`属性设置默认值

<script>
import { defineProps } from 'vue'

export default {
  props: defineProps({
    title: {
      type: String,
      default: '默认标题'
    }
  })
}
</script>

2. 使用`withDefaults`宏设置默认值

<script setup lang="ts">
import { defineProps, withDefaults } from 'vue'

const props = withDefaults(defineProps({
  title: {
    type: String,
    required: true
  }
}), {
  title: '默认标题'
})
</script>

需要注意的是，如果使用基于类型的声明式，就不能给props声明默认值了。此时可以通过`withDefaults`编译宏来解决这个问题。