为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第17天 前端工程师2022版 就业必备基础技术面试分析

标签:
面试

课程名称: Vue使用

课程章节:框架面试课

课程讲师: 双越

课程内容:

上次只记了三分之一的内容,这次再记下面的三分之一


6、props $emit

父组件通过动态属性传递给子组件  :list 👇

https://img1.sycdn.imooc.com//632ae3fa0001646107530694.jpg


子组件通过props接收

https://img1.sycdn.imooc.com//632ae4210001dad407380547.jpg

emit事件触发:

父组件定义事件名称addHandler  和deleteHandler

https://img1.sycdn.imooc.com//632ae4490001f90f07340667.jpg

子组件通过$emit调用父组件事件

$emit 子组件向父组件触发事件

https://img1.sycdn.imooc.com//632ae476000182dc07110624.jpg

https://img1.sycdn.imooc.com//632ae4770001280207890688.jpg


7、兄弟组件间的通信(自定义事件)

兄弟1组件自定义事件,兄弟2组件调用自定义事件通过$emit向兄弟1触发事件,兄弟2触发事件的地方就会触发addTitleHandler函数

通俗来说就是一个组件绑定事件,另一个组件触发事件

https://img1.sycdn.imooc.com//632ae4e40001875207900606.jpg

https://img1.sycdn.imooc.com//632ae4ad0001002105790457.jpg


8、绑定自定义事件的 event 从哪来?

event其实就是Vue的实例,Vue实例本身就具有实现$on 和 $emit 的能力,不需要再引入event Bus,Vue本身具有自定义事件的能力

https://img1.sycdn.imooc.com//632ae5140001c5b608820294.jpg

https://img1.sycdn.imooc.com//632ae5140001a6b006110215.jpg


9、在beforeDestroy中能做什么?

及时解绑自定义事件

https://img1.sycdn.imooc.com//632ae53c00019cfa07260412.jpg


10、created和mounted有什么区别?

created是实例生成之后会自动执行的函数,这个时候vue实例已经初始化完并没有开始渲染;mounted是组件真正的在网页上绘制完成了,大部分情况下都在mounted函数中进行操作,因为这个时候页面已经渲染完了,可以做一些Ajax获取信息或者绑定事件等工作


剩下的明天记




点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
6
获赞与收藏
6

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消