继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

大龄前端菜鸟
关注TA
已关注
手记 42
粉丝 6
获赞 6

课程名称: Vue使用

课程章节:框架面试课

课程讲师: 双越

课程内容:

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


6、props $emit

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

http://img3.mukewang.com/632ae3fa0001646107530694.jpg


子组件通过props接收

http://img.mukewang.com/632ae4210001dad407380547.jpg

emit事件触发:

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

http://img2.mukewang.com/632ae4490001f90f07340667.jpg

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

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

http://img2.mukewang.com/632ae476000182dc07110624.jpg

http://img1.mukewang.com/632ae4770001280207890688.jpg


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

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

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

http://img.mukewang.com/632ae4e40001875207900606.jpg

http://img2.mukewang.com/632ae4ad0001002105790457.jpg


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

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

http://img.mukewang.com/632ae5140001c5b608820294.jpg

http://img4.mukewang.com/632ae5140001a6b006110215.jpg


9、在beforeDestroy中能做什么?

及时解绑自定义事件

http://img4.mukewang.com/632ae53c00019cfa07260412.jpg


10、created和mounted有什么区别?

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


剩下的明天记




打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP