假设我们将在新的项目启用 vue 3.x，旧的项目短期内还将继续使用 vue2.x

• vue2.x 引用 vue3.x

  • 组件：封装成 Web Components
  • 状态：
    • 方法/事件读取。
    • 封装 injectState 方法(类似 vuex 的 mapState)，注入到 vue2.x 的computed 中使用

• vue3.x 引用 vue2.x: → 不建议在 vue3 的新项目中引用旧的 vue2 的相关组件和状态。本文档优先考虑旧项目引用新项目的问题。

  • 组件： 同样可以通过 Web Components 或者 portal 挂载。但是不建议新代码去引用旧代码，甚至应用之间不应该由引用关系。
  • 状态:
    • 方法/事件读取。
    • 封装 hooks 读取

组件：封装 Web Components

生成

Vue 生成 Web Component