主题
组件的二次封装
vue
<template>
<div class="vf-input">
<div>vf-input</div>
<el-input v-bind="$attrs" v-on="$listeners"></el-input>
</div>
</template>
<script>
export default {
name: 'VfInput',
inheritAttrs: false,
props: {
custom1: {
type: String,
default: '',
},
},
created() {
console.log('$props', this.$props)
console.log('$attrs', this.$attrs)
console.log('$listeners', this.$listeners)
},
}
</script>