看es6特性的時(shí)候看到鏈判斷符,心癢難耐,于是想在項(xiàng)目中試一下,結(jié)果報(bào)錯(cuò)了
從這兒找到方法
方法如下:
1.下載@babel/plugin-proposal-optional-chaining
npm install --save-dev @babel/plugin-proposal-optional-chaining
2.在你的vue項(xiàng)目里的babel.config.js添加如下代碼來拓展解析器
plugins:[
["@babel/plugin-proposal-optional-chaining"] //解析 可選鏈?zhǔn)秸Z(yǔ)法
]
module.exports = {
presets: [
'@vue/app',
],
plugins:[
"@babel/plugin-proposal-optional-chaining"
]
}
第三步:重啟項(xiàng)目凡人,一定要重啟項(xiàng)目名党,不然解析器不能得到拓展
然后就可以愉快的食用了
let obj = {
explain: "說明內(nèi)容",
user: {
name: "明妃",
age: 19
}
}
let a = obj?.explain
console.log(a)
let b = obj?.user?.name