[uni-app+vue3+vite] 开启响应式语法糖的配置方法
[uni-app+vue3+vite] 开启响应式语法糖 reactivityTransform:true
·
响应性语法糖目前默认是关闭状态,需要你显式选择启用。此外,以下列出的所有配置都需要
vue@^3.2.25
。
- 需要
@vitejs/plugin-vue@>=2.0.0
- 应用于 SFC 和 js(x)/ts(x) 文件。在执行转换之前,会对文件进行快速的使用检查,因此不使用宏的文件应该不会有性能损失。
- 注意
reactivityTransform
现在是一个插件的顶层选项,而不再是位于script.refSugar
之中了,因为它不仅仅只对 SFC 起效。
跟目录vite.config.js文件, 配置如下:
import { defineConfig } from "vite";
const path = require("path");
function resolve(dir) {
return path.join(__dirname, dir);
}
import uni from "@dcloudio/vite-plugin-uni";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
uni({
vueOptions: {
reactivityTransform: true, // 开启响应式语法糖
},
}),
],
resolve: {
alias: { "@": resolve("src") },
},
});
更多推荐
已为社区贡献12条内容
所有评论(0)