为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第17天 前端工程师2022版...

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

2022.09.21 18:22 42浏览

课程名称: Vue使用

课程章节:框架面试课

课程讲师: 双越

课程内容:

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


6、props $emit

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

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


子组件通过props接收

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

emit事件触发:

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

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

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

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

https://img2.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://img2.sycdn.imooc.com/632ae4ad0001002105790457.jpg


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

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

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

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


9、在beforeDestroy中能做什么?

及时解绑自定义事件

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


10、created和mounted有什么区别?

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


剩下的明天记




点击查看更多内容
0人点赞

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

评论

作者其他优质文章

正在加载中
手记
粉丝
4
获赞与收藏
5

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消