Vue中对组件二开的方法是什么

一、背景

在对antdv、element、自定义组件二开过程中，最困扰的问题如下:

• 组件那么多属性我如何传递，props? v-model?属性多的话透传有点呆。

• 组件提供的多个事件怎么调用？emit? 事件多的情况下代码冗余。

• 组件提供的方法怎么调用？ref 父子间并不能透传。但这个在react里很方便。

• solt怎么处理，一个个自己定义透传吗？作用域插槽、具名插槽很多的话怎么处理？

这个是准备去做二开UI组件的时候,遇到的几个不能一下子就能打开思路的问题；

二、解决思路以及方案

前两个问题比较简单，利用$attts和$listeners两个组件属性就能解决。

a. $attts ：继承所有的父组件属性 （除了 prop 传递的属性、class 和 style ） **，一般用在子组件的子元素上；

b $listeners：它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合v-on="$listeners"将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件）

  

    
{{ text }}