封装第三方组件：属性
在封装第三方组件时，经常需要使用第三方组件的属性，比如禁用输入框。如果直接一个个用prop传进去，既繁琐又不利于代码可读性。可以使用$attrs属性，一步到位地获取所有未识别且不作为prop被识别的attribute绑定。在组件中加入v-bind=”$attrs”即可。
但是，如果有多个不识别的属性，还是显得不太方便。这时候可以将inheritAttrs选项设置为false，从而自动排除掉所有未注册的attribute绑定。再使用v-bind=”$attrs”就可以完美解决这个问题。
封装第三方组件：自定义事件和插槽
如果要使用第三方组件定义的自定义事件和插槽，可以使用$listeners和slot标签来实现。
- $listeners可以一次性地获取父组件中的所有v-on事件监听器，在组件中加入v-on=”$listeners”即可。
- 插槽需要在封装的组件中使用slot标签暴露出去。例如，要使用el-input组件中的prefix插槽，可以在myInput组件中添加<template #prepend> <slot name=”prepend”></slot></template>。
封装第三方组件：方法
使用ref获取到第三方组件的实例后，即可使用其提供的方法。如果myInput组件是同步引入的，则可以直接在mounted中调用el-input组件的方法；如果myInput组件是异步引入的，则需要使用setTimeout等方式来保证el-input组件已被挂载。
以上就是关于封装第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)以及优化技巧的介绍，希望对大家有所帮助。
原创文章，作者：小编小本本，如若转载，请注明出处：https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/7261.html
相关推荐
-
nsenter命令使用大全
nsenter和命名空间 大家都知道，namespace是Linux中用于隔离资源的特性，而nsenter则可以在不使用docker exec的情况下进入别的命名空间，常用于调试网…
-
Mysql双主配置及安装部署
安装Mysql 1）获取安装介质 https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-8.0.23-linux-glibc2.12-x…
-
IMPDP遇到ORA-06598报错
问题背景 最近小编在进行一个从11gRAC生产环境的数据泵导入数据到19cRAC的需求时，遇到了一个问题。具体地说，从导出dmp文件、传输文件到导入表的数据都没有问题，但是在数据泵…
-
kubernetes之Python客户端介绍
介绍Kubernetes Python客户端 Kubernetes（以下简称k8s）是一个用于自动化部署、扩展和管理容器化应用的开源系统。针对k8s的大部分操作，可以通过kubec…
-
pg运维踩坑记
介绍 我是本际云服务器推荐网的小编小本本，今天要和大家分享一下pg运维方面的踩坑记，希望能对大家有所帮助。 踩坑记 1.杀会话 在处理pg数据库的过程中，杀会话可能会成为一个问题。…
-
Redis容器化部署教程
运用Docker安装部署Redis 您好，我是本际云服务器推荐网的小编小本本，今天要和大家分享一下如何运用Docker安装部署Redis。 准备工作 1. 安装Docker环境 首…
-
处理Djangocors跨域问题
同源策略 同源策略/SOP（Sameoriginpolicy）是一种保护措施，于1995年由Netscape公司引进电脑浏览器，目前所有JavaScript浏览器都使用这种安全措施…
-
亚马逊图片要求有哪些(亚马逊a页面图片要求？)
亚马逊卖家后台暂无法添加图片到商品描述 尊敬的卖家，您好！非常抱歉，目前通过卖家后台无法在商品描述中添加图片，只有亚马逊自营的商品才能添加。 只有亚马逊自营商品和可共享商品详情页面…
-
python数字图像处理之基本图形的绘制
Python数字图像处理基础——图形绘制 大家好，我是本际云服务器推荐网的小编小本本。今天我要为大家介绍Python数字图像处理中的一个基础内容——图形绘制。在本文中，我们将会涉及…
-
Centos搭建chrony时间同步服务器过程图解
本际云服务器推荐网小编介绍 大家好，我是本际云服务器推荐网的小编小本本。今天，我将为大家介绍一下如何安装和配置chrony服务，让你的服务器实现时间同步。 安装和配置chrony服…