vue3.0(SFC(

报错信息如下:

    Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement'.
Type 'null' is not assignable to type 'HTMLElement'.

解决方案如下:


二、子组件可以通过getCurrentInstance()获取父组件里的数据

//import
import { onMounted, getCurrentInstance } from 'vue'

//use 
const currentInstance = getCurrentInstance()

onMounted(() => {
  console.log(currentInstance?.parent)
})

三、事件总线(用于非父子组件通信):事件总线模式可以被替换为使用外部的、实现了事件触发器接口的库例如 mitt 或 tiny-emitter,这里使用tiny-emitter
1.install(下载)

npm install --save tiny-emitter

2.usage(使用)

// for js 
  const emitter = require('tiny-emitter/instance')

//接收事件
emitter.on('some-event', function (arg1, arg2, arg3) {
 //
});

//发送事件
emitter.emit('some-event', 'arg1 value', 'arg2 value', 'arg3 value');

参考链接:1. vue3.X迁移策略

你可能感兴趣的:(vue3.0(SFC(