图片
这些宏是库的一部分,主要是实现了 Vue 目前尚未正式采用的提案。
如何使用?
要开始在项目中使用 Vue Macros,首先需要安装该库:
使用 npm:npm install -D unplugin-vue-macros
使用 yarn:yarn add -D unplugin-vue-macros
使用 pnpm:pnpm add -D unplugin-vue-macros
安装后,需要打包器进行不同的配置。
如果使用 Vite ,则需要在 vite.config.js 文件中:
import { defineConfig } from "vite";
import VueMacros from "unplugin-vue-macros/vite";
import Vue from "@vitejs/plugin-vue";
export default defineConfig({
plugins: [
VueMacros({
plugins: {
vue: Vue(),
},
}),
],
});
对于 TypeScript 项目,tsconfig.json需要进行额外配置:
{
"compilerOptions": {
"types": ["unplugin-vue-macros/macros-global"]
}
}
核心 API
defineOptions(Vue 3.3 默认支持了该功能)
defineOptions允许直接在内部声明组件选项