美文网首页
vue中使用es6的链判断符

vue中使用es6的链判断符

作者: 3e2235c61b99 | 来源:发表于2020-08-24 20:18 被阅读0次

    看es6特性的时候看到链判断符,心痒难耐,于是想在项目中试一下,结果报错了
    这儿找到方法
    方法如下:
    1.下载@babel/plugin-proposal-optional-chaining

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

    2.在你的vue项目里的babel.config.js添加如下代码来拓展解析器
    plugins:[
    ["@babel/plugin-proposal-optional-chaining"] //解析 可选链式语法
    ]

    module.exports = {
      presets: [
        '@vue/app',
      ],
      plugins:[
        "@babel/plugin-proposal-optional-chaining"
      ]
    }
    

    第三步:重启项目,一定要重启项目,不然解析器不能得到拓展
    然后就可以愉快的食用了

    let obj = {
      explain: "说明内容",
      user: {
        name: "明妃",
        age: 19
      }
    }
    
    let a = obj?.explain
    console.log(a)
    let b = obj?.user?.name
    

    相关文章

      网友评论

          本文标题:vue中使用es6的链判断符

          本文链接:https://www.haomeiwen.com/subject/bgcojktx.html