简单操作

1.以名调用并且修改值

  VueX的mutations中：
  setVal(state,{
  	valName,
  	val}){
   state[valName] = val;
  }
 
  调用时：
  store.commit('setVal',{
    valeName:'xxx',
    val
  })

2.接收子组件的参数

传出单个参数时
// 子组件
this.$emit('handleFather',123);
// 父组件
@handleFather='handleFather';
//获取到参数
handleFather(param){
   console.log(param);//123
}
 
传出单个参数时并且父组件还要自定义参数
// 子组件
this.$emit('handleFather',123);
// 父组件
@handleFather='handleFather($event,456)';
//获取到参数
handleFather(childParam,fatherParam){
   console.log(childParam,fatherParam);//123 456
}
 
传出多个参数时
// 子组件
this.$emit('handleFather',123,456);
// 父组件
@handleFather='handleFather(arguments);
//获取到参数
handleFather(Params){
   console.log(Params[0],Params[1]);//123 456
}
 
传出多个参数时并且父组件还要自定义参数
// 子组件
this.$emit('handleFather',123,456);
// 父组件
@handleFather='handleFather(arguments,789);
//获取到参数
handleFather(childParams,fatherParam){
   console.log(childParams[0],childParams[1],fatherParam);//123 456 789
}