前端vue中箭头函数省略return的写法之详细讲解

 1.什么括号都不用的情况

(a,b)=>{
  return a+b
}
//简化
(a,b)=>a+b

2.使用()的情况下

let arr=[]
arr.map(item=>{
  return (<h1>科科</h1>)
})
//简化
arr.map(item =>(<h1>科科</h1>))

3.使用({})的情况下返回对象要有()括号括起来

const state=()=>{
  return ({
    info:{},
    menu:{},
    subMenu:{},
    links:[],
    errorInformation:{
    code:"",
    message:""
    },
    menuStatus:false
  })
}
//简化
const state = ()=>({
  info:{},
  menu:{},
  subMenu:{},
  links:[],
  errorInformation:{
    code:"",
    message:""
  },
  menuStatus:false
})

4.如果返回一个对象，需要特别注意，如果是单表达式要返回自定义对象，不写括号会报错，因为和函数体的{ ... }有语法冲突。注意，用小括号包含大括号则是对象的定义，而非函数主体。

X=>{key: X}       //报错
X=>({key : X})        //正确