这篇文章主要介绍“Vue中对组件二开的方法是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Vue中对组件二开的方法是什么”文章能帮助大家解决问题。在对antdv、element、自定义组件二开过程中,最困扰的问题如下:组件那么多属性我如何传递,props? v-model?属性多的话透传有点呆。组件提供的多个事件怎么调用?emit? 事件多的情况下代码冗余。组件提供的方法怎么调用?ref 父子间并不能透传。但这个在react里很方便。solt怎么处理,一个个自己定义透传吗?作用域插槽、具名插槽很多的话怎么处理?这个是准备去做二开UI组件的时候,遇到的几个不能一下子就能打开思路的问题;前两个问题比较简单,利用$attts
和$listeners
两个组件属性就能解决。a. $attts :
继承所有的父组件属性 (除了 prop 传递的属性、class 和 style ) **,一般用在子组件的子元素上;b $listeners:
它是一个对象,里面包含了作用在这个组件上的所有监听器,你就可以配合v-on="$listeners"
将所有的事件监听器指向这个组件的某个特定的免费云主机域名子元素。(相当于子组件继承父组件的事件)
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。