1.vite-plugin-vue-setup-extend
vite-plugin-vue-setup-extend 插件可以通过扩展的方式,给 setup 函数添加新的功能,例如:
- 允许在
setup函数中使用 ES6 模块语法 - 允许在
setup函数中使用async/await异步操作 - 支持在
setup函数中使用源代码映射(source map)
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { vueSetupExtend } from 'vite-plugin-vue-setup-extend'
export default defineConfig({
plugins: [
vue(),
vueSetupExtend()
]
})
这样,在使用 Vue3 编写组件时,就可以享受到更加灵活和强大的 setup 函数特性,从而提高开发效率和代码质量。