vue小技巧: 升级Babel支持可选链和合并空值运算符

//从今天开始, 每天总结一个vue实际开发中的应用点(以下内容是个人认为的最佳实践, 如果有异议, 可以评论留言呐)
//当然了, 留言我不一定改, 不留言我肯定不改
//重点内容我会加重字体, 可以提炼

一、babel

作用: (我偷懒了,直接用官网介绍) Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
据我所知, 无论是webpack项目还是vite项目都需要使用到babel来编译(.vue)文件。=> vite3支持jsx语法了 也要用到babel
这里给个官网链接,大家去瞅瞅(babel中文文档)

二、可选链和合并控制运算符

这两个是es2020推出新特性 balabalabala 不多逼逼, 既然来看这篇文章了 也说明你知道这两个咋用

三、使用

1、 升级babel
npx babel-upgrade --write

//babel7以上才支持这两个操作符插件的安装与使用
//查看当前版本, 低了升级一下