Javascript

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

本文主要是介绍【九月打卡】第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分钟，。每天进步一点点，加油。

https://img2.sycdn.imooc.com/63180e480001613816960872.jpg    

这篇关于【九月打卡】第2天 Vue3 + TS 仿知乎专栏企业级项目的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航