Vue 2.7 “Naruto”发布,新特性介绍

23,588次阅读
没有评论

共计 1335 个字符,预计需要花费 4 分钟才能阅读完成。

2.7 是 Vue 2.x 的最终版本。在这个版本之后,Vue 2 进入了 LTS(长期支持),从现在开始持续 18 个月,并且将不再接收新功能。这意味着 Vue 2 将在 2023 年底结束生命周期。

官方博客:https://blog.vuejs.org/posts/vue-2-7-naruto.html?continueFlag=24b18743108fc3e584f79dec07a79f02

更新内容

1. 向后兼容的功能

  • 支持 composition API
  • 支持 script setup
  • 支持 css v-bind

提示

在 UMD 和 CJS 构建中,这些 API 作为全局 Vue 对象的属性公开。

2. 相较于 Vue3

组合 API 使用 Vue 2 的基于 getter/setter 的反应系统进行反向移植,以确保浏览器兼容性。

  • reactive(), ref(), shallowReactive() 将直接转换原始对象而不是创建代理。
  • reactive(),应避免使用数据做为根节点(无法追踪响应)
  • 不支持 createApp、不支持 suspense;

Vue-cli 适配

1. 将本地 @vue/cli-xxx 依赖项升级到主要版本范围内的最新版本(如果适用):

  • 对于 v4:**~4.5.18**
  • 对于 v5:**~5.0.6**

2. 将 Vue 升级到 ^2.7.0。还可以从依赖项中删除 vue-template-compiler,因为在 2.7 中不再需要它。注意:如果正在使用 @vue/test-utils,可能需要暂时将它保留在依赖项中,但是这个要求也将在新版本的 Test Utils 中被取消。

3. 检查包管理器 lock 文件以确保以下依赖项满足版本要求。它们可能是 package.json 中未列出的传递依赖项:

  • vue-loader: ^15.10.0
  • vue-demi: ^0.13.1

如果没有,需要删除 node_modules 和 lock 文件并重新安装,以确保它们升级到最新版本。

4. 如果之前使用过 @vue/composition-api,请将其导入更新为 vue。注意,插件导出的一些 API,例如 createApp,未在 2.7 中移植。

5. 如果在使用

正文完
 0
Yojack
版权声明:本篇文章由 Yojack 于2022-07-23发表,共计1335字。
转载说明:
1 本网站名称:优杰开发笔记
2 本站永久网址:https://yojack.cn
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站所有内容均可转载及分享, 但请注明出处
6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
7 站长邮箱:laylwenl@gmail.com
评论(没有评论)