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

最新推荐文章于 2023-11-07 16:44:27 发布

小吴头大

最新推荐文章于 2023-11-07 16:44:27 发布

阅读量975

点赞数

本文链接：https://blog.csdn.net/weixin_43907110/article/details/113648262

版权

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

Vue父子组件传值

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

子=>父：子组件：this.$emit('boxChecked',要传的值) 父中<div @boxChecked=" 方法名"></div> 方法（item）=>{item为传过来的值}

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

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

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

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

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

<div v-model="name"></div> 标签中可以直接绑定不需要在data中去声明这个变量

watch:{

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

}

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

关注