如何讓我的 vue 2 組件在我重寫到 vue 3 時使用？

Question

我計划在我的新項目 vue 3 中使用我的 vue 2 組件，這可能嗎？假設我有 vue 3 項目，在我的 vue 2 組件中我有FAQ和About Us組件，然后我在我的 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
}]

Answer 1

您可以使用 webpack 聯合模塊的某些設置來共享組件，即在一個與您的 Vue2 組件中運行微前端，在另一個中運行您的 Vue3，並使用一個容器來管理/路由？ 沒有什么能阻止您將 Vue2 項目中的所有組件復制到 Vue3 項目中，並在開始制作新的 Vue3 組件之前查看它們是否都在工作。 或者你已經試過了嗎？

Webpack 模塊聯盟

這是可能會破壞Vue3 中的重大更改的鏈接