将项目从 Vue2 升级到 Vue3 的最佳方法

Posted 2023-02-16

【中文标题】将项目从 Vue2 升级到 Vue3 的最佳方法

【英文标题】：Best way to upgrade project from Vue2 to Vue3

【发布时间】：2021-03-10 11:18:50

【问题描述】：

我想将我的项目升级到vue3

这是一个symfony前端使用vue作为独立组件的应用

我以前从未进行过重大升级，也不太确定最好的程序是什么？

我应该卸载vue2 然后安装vue3 吗？

我应该只安装vue3 吗？

我应该直接修改我的package.json 吗？

"dependencies": 
  "axios": "^0.20.0",
  "elm-pep": "^1.0.6",
  "moment": "^2.27.0",
  "postcss-loader": "^3.0.0",
  "raw-loader": "^4.0.1",
  "svg-url-loader": "^6.0.0",
  "toastr": "^2.1.4",
  "vue": "^2.6.12",
  "vue-date-pick": "^1.4.1",
  "vue-material-design-icons": "^4.9.0",
  "vue2-editor": "^2.10.2",
  "vuelayers": "^0.12.0-dev.9"

【问题讨论】：

Migration from Vue 2 是您目前最好的资源，请记住，目前还没有分步指南。

【参考方案1】：

根据migration guide

信息 我们仍在致力于 Vue 3 的专用迁移构建，具有 Vue 2 兼容行为和不兼容使用的运行时警告。如果您计划迁移一个重要的 Vue 2 应用程序，我们强烈建议您等待 Migration Build 以获得更流畅的体验。

现在从 Vue 2 手动迁移大型应用程序非常困难，因为大多数库还不支持 Vue 3，例如 vuelayers。迁移应考虑库/组件的升级。

【讨论】：

vue3 替代 vuelayers 是 vue3-openlayers 文档vue3openlayers.netlify.app