vue2.7 过度,升级指南
vue 2.7版本详解
自从 vue3 [代号:海贼王] 在 2022年2月7日 成为默认版本后,vue2 将在 2023年底 彻底结束。
那么最近7月1日发布的,vue2 的最后 2.7 版本 [代号:火影忍者] 又能有什么用呢?
vue2.7正是为了解决过度问题,增加了部分vue3的写法和特性,又保留vue2原始特性。
Ⅰ.适用场景
如果 ui框架和一些三方件 还没有升级到 vue3.x , 这时可以先升级到 vue2.7,用 vue3的写法,去开发 vue2 新页面。
等到三方件和ui框架升级后,我们就可以直接去升级vue3.x,之前用vue3写法开发的页面会享受到 vue3 代理对象proxy的优势; 那么之前 vue2语法, vue3也是兼容的,只是数据响应速度和性能还是vue2的程度。
Ⅱ.更新内容 (详解 => Ⅳ)
- setup() 函数 +
----------------------------------------------
② 组合 API (reactive 、ref 、watch ...)
{{ num }}
③ CSS v-bind (单文件组件)
④ defineComponent() 重载函数
最重要作用是:在TypeScript下,给予了组件 正确的参数类型推断 。
封装其实意义不大,如:
⑤ 支持emits对象
主要是子组件调用父组件的方法,起到一个验证作用 =>
① 子组件 如:
②父组件 如:
Ⅳ. 注意事项
- reactive( {a:1} ) === { a:1 } 并为和vue3一样 ,采用 proxy 对象,只是写法一样。
- 写法并不支持
- 不支持异步组件初始化
- ...
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

