解决方案:Vue Macros 提供了reactivityTransform宏,可在不显式访问.value的情况下使用响应式变量。 示例代码: <script setup lang="ts" reactivityTransform>import { ref } from 'vue';const count = ref(0);const double = $computed(() => count *
Reactivity Transform[19]在 3.3 中被标记为弃用,现已在 3.4 中移除。由于该功能是试验性的,因此不需要重大变更。希望继续使用该功能的用户可以通过 Vue Macros 插件[20]。 模板中的@vnodeXXX事件侦听器现在会出现编译器错误,而不是弃用警告。请使用@vue:XXX监听器。 删除了v-is指令。它在 3.3 中已被弃用。请...
需要@vitejs/plugin-vue@>=2.0.0 应用于SFC和js(x)/ts(x)文件。在执行转换之前,会对文件进行快速的使用检查,因此不使用宏的文件应该不会有性能损失。 注意reactivityTransform现在是一个插件的顶层选项,而不再是位于script.refSugar之中了,因为它不仅仅只对SFC起效。 //vite.config.js exportdefault{ plugins:...
这是一个合理的担忧,因为 Reactivity Transform 需要一种不同的心智模型,它会扭曲 JavaScript 语义(变量赋值能够触发反应效果)。 考虑到所有因素,我们认为将其作为一个稳定的功能使用会导致问题多于收益,因此不是一个好的权衡。 迁移计划 该功能已经通过 Vue Macros[3] 以外部包的形式得到支持。 3.3:该功能将被...
importAutoImportfrom'unplugin-auto-import/vite' importComponentsfrom'unplugin-vue-components/vite' import{viteMockServe}from'vite-plugin-mock' import{ElementPlusResolver}from'unplugin-vue-components/resolvers' importReactivityTransformfrom'@vue-macros/reactivity-transform/vite' ...
本年我花最多时间的个人项目是 Vue Macros。通过这个项目,解锁了一些奇怪的用 Vue 的方式——Vue 探索版 ~~(不是)~~。通过这个项目,我参加了 Nuxt Nation 2022。受 Haoqun Jiang 的邀请,也参与了 Vue Conf China 2022,这也是我第一次参与到 Vue 社区的演讲中。但是遗憾的是,由于众所周知的原因,到目前...
ScriptSetup({reactivityTransform:true}) To get TypeScript support, update yourtsconfig.jsonwith: {"compilerOptions":{"types":["unplugin-vue2-script-setup/types","unplugin-vue2-script-setup/ref-macros"]}} Recommendations If you enjoy using, you might also want to tryunplugin-auto-importto ...
🤙🏻Reactivity Transformenabled 📥APIs auto importing- use Composition API and others directly 🖨 Static-site generation (SSG) viavite-ssg 🦔 Critical CSS viacritters 🔤Webfont self-hosting 🦾 TypeScript, of course ⚙️ Unit Testing withVitest, E2E Testing withCypressonGitHub Actions...
使用Vue3 + Vite + TS进行构建开发 常见问题 出现以下错误不用管,不影响使用,只在第一次启动时出现,之后就不会再出现 ERROR Error: The following dependencies are imported but could not be resolved: 10:06:39 @vue-macros/reactivity-transform/macros (imported by C:/bootx/dax-pay-ui/src/components...
Reactivity Transform was marked deprecated in 3.3 and is now removed in 3.4. This change does not require a major due to the feature being experimental. Users who wish to continue using the feature can do so via the Vue Macros plugin. app.config.unwrapInjectedRef has been removed. It was ...