vue项目中使用@babel/plugin-proposal-optional-chaining的?.语法,防止字段没有报错

第一步:下载@babel/plugin-proposal-optional-chaining

npm install --save-dev @babel/plugin-proposal-optional-chaining
或者
cnpm install --save-dev @babel/plugin-proposal-optional-chaining

第二步:在你的vue项目里的babel.config.js添加如下代码来拓展解析器

plugins:[

    ["@babel/plugin-proposal-optional-chaining"]  //解析 可选链式语法

  ]

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins:[
    ["@babel/plugin-proposal-optional-chaining"]  //解析 可选链式语法
  ]
}

第三步:重启项目,一定要重启项目,不然解析器不能得到拓展 

然后就大功告成,尽情的使用吧!

this.demo = res.data?.data?.demo;

 

你可能感兴趣的:(原创)