第一步 安装mitt yarn add mitt
第二步 创建js文件
import mitt from 'mitt';
const mittBus = mitt();
export default mittBus;
第三步 组件中引入使用
import mittBus from '/@/utils/mitt'
//可以在周期函数中使用,也可直接使用,本身就是个钩子函数
1.传变量
import mittBus from '/@/evenbus'
mittBus.emit('setting', { name: name.value, headerImg: headerImg.value })
import mittBus from '/@/evenbus'
mittBus.on('setting', (val) => {
console.log('setting value', val);
})
2.提交方法
const closeDialog = () => {
mittBus.emit('submitRefreshDictData');
};
onMounted(async () => { mittBus.on('submitRefreshDictData', () => { handleQuery(); }); }); onUnmounted(() => { mittBus.off('submitRefreshDictData'); });