响应性语法糖目前默认是关闭状态,需要你显式选择启用。此外,以下列出的所有配置都需要 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") },
  },
});

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐