vue中使用可选链(?. ??)操作符报错

修改老项目代码时,习惯使用可选链操作符,结果编译时报错。查看babel发现未配置,现记录一下:

仅可在Js/Ts中使用,template暂时还不支持

目前vue3.0的项目搭建后可以直接使用可选链(?. ??)操作符,如果是vue2.0的项目则需要安装插件解析:babel-plugin-proposal-optional-chaining

  1. npm install @babel/plugin-proposal-optional-chaining -S
  2. 在babel.config.js中添加:
module.exports = {
  presets: ['@vue/app'],
  plugins: ["@babel/plugin-proposal-optional-chaining"]
}

操作符的使用方式参考:https://www.jianshu.com/p/94b3aa98c91f

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容