vue-lib
Vue组件库.
安装
# 预先安装 vue
npm i -S vue vue-property-decorator
npm i -S @fatesigner/vue-lib
使用
用于动态组件的自定义事件分发
<component :is="comp" v-dynamic-events="{ events: events, listener: listener }" />
import Vue from 'vue';
import { DynamicEvents } from '@fatesigner/vue-lib/directives';
Vue.use(DynamicEvents);
export default {
data() {
return {
comp: import('./component/Comp.vue'),
// 监听指定事件
events: ['changed', 'done']
}
},
methods: {
// 监听动态组件发出的事件
listener(eventName: string, ...args: any[]) {
console.log(`${eventName} was triggered.`, args);
}
}
};