vue中的$attrs 和 $listeners

1、$attrs 获取组件的所有属性 

// $prarent $children 可以直接触发儿子的事件或者父亲的事件 (尽量不要使用 因为你不知道父亲和儿子) 防止代码不好维护

// $attrs $listeners 表示的是所有的属性和方法的合集

// 如果在props里用了,attrs里就会减少 attrs是响应式的  父亲变了 数据也会更新

// 将所有属性都传递给儿子      v-bind="$attrs"   把这个对象分开的传递出去

// v-bind="$attrs" 像对象的展开运算符   {...xxx}

// v-bind="{a:1,v:2,c:3,d:3}"   可以传属性,也可以传方法

 

// { {$listeners}} (拿所有的方法)

// { {attrs}} (拿所有的属性)

2、$listeners 获取组件的所有方法

// $attrs $listeners 表示的是所有的属性和方法的合集 可以使用v-bind或者v-on传递

// ref eventBus slot 插槽的用法  表单组件 异步组件和 菜单组件 render函数的使用 v-lazyload

// render 方法 jsx javascript+xml可以实现更灵活的写法

你可能感兴趣的:(vue)