分类：$listeners

2020
10-10

Vue为什么要谨慎使用$attrs与$listeners

前言在Vue开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收props，然后再传递给孙子组件，通过使用v-bind="$attrs"则会带来极大的便利，但同时也会有一些隐患在其中。隐患先来看一个例子：父组件：{template:`<div><inputtype="text"v-model="input"placeholder="pleaseinput"><test:test="test"/></div>`,data(){return{input:'',test:'1111',};},}子组件：{template:'<div... 继续阅读 >

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... 继续阅读 >