知识点
setup 函数的用法,可以代替 Vue2 中的 date 和 methods 属性,直接把逻辑卸载 setup 里就可以
ref 函数的使用,它是一个神奇的函数,要在template中使用的变量,必须用ref包装一下。
return出去的数据和方法,在模板中才可以使用,这样可以精准的控制暴漏的变量和方法。
Vue3与Vue2
vue3 中基本兼容vue2 中的代码,大部分公有 API 的行为和 Vue 2 一致,仅有一小部分例外。使用在 Vue 3 中发生改变或被废弃的特性时会抛出运行时警告。一个特性的兼容性也可以基于单个组件进行开启或禁用。
- 基于 Vue 2 内部 API 或文档中未记载行为的依赖。最常见的情况就是使用 VNodes 上的私有
property。如果你的项目依赖诸如 Vuetify、Quasar 或 Element UI 等组件库,那么最好等待一下它们的 Vue
3 兼容版本。 - 对 IE11 的支持:Vue 3 已经官方放弃对 IE11 的支持。如果仍然需要支持 IE11 或更低版本,那你仍需继续使用 Vue 2。
服务端渲染:该迁移构建版本可以被用于服务端渲染,但是迁移一个自定义的服务端渲染设置有更多工作要做。大致的思路是将 vue-server-renderer 替换为 @vue/server-renderer。Vue 3 不再提供一个包渲染器,且我们推荐使用 Vite 以支持 Vue 3 服务端渲染。如果你正在使用 ,那最好等待一下 Nuxt 3。
Vue2.x 和 Vue3.x 生命周期对比
vue3组件执行同等功能优先于vue2执行
vue3项目 推