vue vite 使用props

在Vue Vite中使用props的方式与Vue 2中的props一样。你可以使用defineProps函数来定义props，并且可以指定接收的数据类型、定义初始值以及进行校验。[1]

例如，在Vue Vite的setup函数中，你可以这样使用props：

import { defineComponent, defineProps } from 'vue'

export default defineComponent({
  setup() {
    const props = defineProps({
      id: {
        type: Number,
        required: true
      },
      name: {
        type: String,
        default: 'John'
      }
    })

    console.log(props.id) // 此处可以访问到props中的id属性

    // 其他逻辑...

    return {
      // 返回其他数据和方法
    }
  }
})

在这个例子中，我们使用defineProps函数定义了两个props：id和name。id指定了数据类型为Number，并且设置了必需属性，而name指定了数据类型为String，并且设置了默认值为'John'。然后我们可以通过访问props对象来获取具体的props值，并进行后续的逻辑处理。

需要注意的是，当你在使用Vue Vite创建项目时，你需要手动选择配置项，并选择需要的功能，包括选择Vue版本、Babel和Linter等等。如果你想使用Vue 3.x版本，你可以在选择Vue版本时选择"3.x (Preview)"。