【九月打卡】第2天 Vue3 + TS 仿知乎专栏企业级项目
2022/9/8 4:23:03
本文主要是介绍【九月打卡】第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分钟,。每天进步一点点,加油。
这篇关于【九月打卡】第2天 Vue3 + TS 仿知乎专栏企业级项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set