前端

vue 2.4 的$attrs 、$listeners解决批量传

2020-06-08  本文已影响0人  一个健康马

默认情况下父作用域的不被认作props的属性属性百年孤独,将会“回退”且作为普通的HTML特性应用在子组件的根元素上
在2.4中新增选项inheritAttrs inheritAttrs的默认值为true, 将inheritAttrs的值设为false, 这些默认的行为会禁止掉
$attrs

//父组件用v-bind: 传递自定义属性  后面可以写一个对象  批量传值
//子组件用this.$attrs  可以打印全部所有的父组件的值 ,如果在props接收了,则没有
//还可以同样方式继续往下传递

$listeners

//父组件用 v-on="{changeName,changeAge}"  后面可以写一个对象  批量传值
  //子组件 this.$listeners批量接收父组件事件
上一篇下一篇

猜你喜欢

热点阅读