Vue项目开发随记（父子组件传值，computed和watch区别，res?.data?.responseBody?.success写法）

本博客主要记载在做项目的时候遇到的一些小问题，需要温习的小知识

Vue父子组件传值

父=>子 ：父组件属性中：box-checked="要传的值”  子中：props:{boxChecked:type => Object或者Array}

子=>父：子组件：this.$emit('boxChecked',要传的值) 父中

方法（item）=>{item为传过来的值}

要点：父组件中 =》父向子： 冒号 子向父@

 

computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义

比起watch computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化

watch只能监听一个值，否则会报错并且watch监听的变量要在data中声明

computed:{
name(){
return name+‘你好’
}
}

标签中可以直接绑定不需要在data中去声明这个变量

watch:{

name(newVal,oldVal){//监控单个变量,得到新的值和旧的值
          
   }，

}

 

 

if(res?.data?.responseBody?.success)这样写判断条件的话万一res为空或者undefind会直接类型转化为false，true的时候在会继续往下看data