标签：attrs dex exp 属性 template 点击 场景 function lis
拿button组件举例
。
button.vue v-bind="$attrs" 让子组件拥有父组件所有的attr属性 （props除外） v-on="$listeners" 让子组件拥有所有父组件的事件（这个必须有，否则点击父组件不会触发事件）
<template> <Button v-bind="$attrs" v-on="$listeners"> <slot></slot> </Button> </template> <script> import {Button} from "element-ui"; export default { name:"el-button", components:{ Button }, data(){ return{ } } } </script>
index.js
import elButton from "./button.vue" elButton.install = function(Vue) { Vue.component(elButton.name, elButton); }; export default elButton;
然后在main.js中引入：
import elButton from "@/ai-comp/el-button/index.js"
注册：
Vue.use(elButton)
这种场景适合在老项目中对项目中已经使用的组件进行二次封装，这种方式不会影响以前的二次封装！！！
。
标签：attrs dex exp 属性 template 点击 场景 function lis
原文地址：https://www.cnblogs.com/fqh123/p/13230385.html
