Vue3: guante para empezar rápidamente

¿Por qué usar guante?
Debido a que vue3 no ha proporcionado un bus de bus de eventos de soporte, debe usar el guante de biblioteca de terceros para completar las cosas que hace el bus en vue2

Paso 1: Instalar guante

npm install mitt

Paso 2: Importar guante en el archivo js del proyecto (registro local)

// mitt.js文件
import mitt from 'mitt'

Para registro global, agregue este código en mian.js

Paso 3: crear una instancia de mitt Para facilitar la comprensión, establecemos el nombre de la instancia como bus y lo exponemos al mundo exterior.

export const bus = mitt()

Paso 4: importe el bus en el archivo vue que debe usarse

import bus from './mitt'

Paso 5: use el método de emisión de mitt para pasar el valor y el método para recibir datos

// 父组件
bus.emit('函数名', 需要传的值)

//子组件
bus.on('函数名'，（接收到的值）=>{
    
    
	逻辑操作
})