分类：Vue2.4

2020
09-24

Vue2.4+新增属性.sync、$attrs、$listeners的具体使用

sync在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变后的值。比较繁琐，写法如下：//父组件<template><divclass="parent"><p>父组件传入子组件的值：{{name}}</p><fieldset><legend>子组件</legend><child:val="name"@update="modify"></child></fieldset></div></template><script>importChildfrom'./Child'exportdefault{c... 继续阅读 >

2020
09-24

浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用

vue父子组件之间的传值我们都知道使用props和emit，但是祖孙之间的传值在以前，我们都需要子辈作为中间人，当祖辈有值要传递给孙辈时，需要子辈作为中间人把值传递给孙辈，当孙辈想要改变祖辈的值时，需要先emit子辈的方法，然后子辈再emit父辈的方法从而改变祖辈的值，如果是多级组件嵌套的话，那么祖孙辈之间传值，就会变得非常的繁琐，为了解决这个需求，vue2.4版本产生了$attrs，$listeners，inheritAttrs这三个属性。vm.$attr... 继续阅读 >