@vitejs/plugin-vue的用法

`@vitejs/plugin-vue` 是一个 Vite 插件，用于将 Vue 单文件组件编译成 JavaScript 代码。它可以很方便地与 Vite 集成，使得编写 Vue 应用变得更加简单和高效。

以下是 `@vitejs/plugin-vue` 的用法：

1. 安装插件

npm install -D @vitejs/plugin-vue

2. 在 `vite.config.js` 中引入插件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [
    vue()
  ]
})

3. 在代码中使用 Vue 单文件组件

<template>
  <div>Hello, {{ name }}!</div>
</template>

<script>
export default {
  data() {
    return {
      name: 'Vue'
    }
  }
}
</script>

注意：使用 `@vitejs/plugin-vue` 编译 Vue 单文件组件时，需要在项目中安装 Vue 3.x 版本。如果你想使用 Vue 2.x 版本，可以使用 `vite-plugin-vue2` 插件。