【九月打卡】第2天 Vue3 + TS 仿知乎专栏企业级项目

课程名称：2022全面升级！Vue3 + TS 仿知乎专栏企业级项目

课程章节： 5-9 ValidateForm 编码第二部分 - 尝试父子通讯，5-10 ValidateForm 编码第三部分 - 寻找外援 mitt

主讲老师：张轩

课程内容：

父子组件通信传参

课程收获：

在vue2中获取子组件的实例通常是this.$refs.XXX，而在vue3中是不一样的。在vue3中跟vue2一样在模板中定义ref，然后再setup函数中使用 ref proxy 定义，比如在模板中定义的是ref=“name”，在setup中定义const name = ref（null），然后再return中返回出去到末班中，这个是固定的写法。这样的好处是更灵活，他可以进行直接向子组件传参，需要注意的点就是使用ref定义的对象需要用.value来获取，这个就是vue3经典的proxy的响应式对象了。这小节使用mitt插件用于父子组件的传参，首先在父组件创建emitter监听函数（emitter.on），用到这个emitter的时候当组件生命周期销毁的时候一定要清除掉，否则就会带来很奇怪的bug，当清除掉的时候也会对性能有一定的提升.

今天学习课程共用了25分钟，。每天进步一点点，加油。