如何使我的 vue 2 组件在我重写为 vue 3 时使用？答案

【问题标题】：how i can make my vue 2 components to use in my rewrite to vue 3?如何使我的 vue 2 组件在我重写为 vue 3 时使用？
【发布时间】：2022-01-25 09:25:54
【问题描述】：

我计划在我的新项目 vue 3 中使用我的 vue 2 组件，这可能吗？假设我有 vue 3 项目，在我的 vue 2 组件中我有 FAQ 和关于我们组件，然后我在我的 Vue 3 中创建路由以使用该 Vue 2 组件，这可能吗？？

我尝试过使用迁移构建，但是我无法解决很多错误，所以我决定重写它们:(，我需要做些什么才能使这成为可能，

vue 2 中的示例

/src/components/faq
/src/components/about-us

在 Vue 3 中

// in route.js
import {FAQ, AboutUS} from "my-component-vue2";

export default Routes [{
  path: "/faq",
  component: () => FAQ
}]

【问题讨论】：

【解决方案1】：

您可以使用一些设置与 webpack 联合模块共享组件，即运行微前端与您的 Vue2 组件在一个和您的 Vue3 在另一个与容器来管理/路由？没有什么可以阻止您将 Vue2 项目中的所有组件复制到 Vue3 项目中，并在开始制作新的 Vue3 组件之前查看它们是否都在工作。还是您已经尝试过？

这里有一个链接可能会破坏Breaking Changes in Vue3

【讨论】：