$emit的问题

$emit的问题

http://img1.sycdn.imooc.com//climg/5c93315100012ba305300235.jpg

http://img1.sycdn.imooc.com//climg/5c9331510001799806250462.jpg

老师您好 我还是不是很理解$emit的用法 因为视频里的用法和官方文档的用法有点出入,我看文档的理解就是父组件会将这个监听到的事件传到子组件中来执行,这里传给this.$emit()我不知道有什么用

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好同学 , 都是一样的哦 .只不过视频中是放在一个函数里面 . 像getRecommend执行的代码多了 ,你把好多js代码放在标签中 , 肯定是不便于管理的 . 文档中因为事件就执行了一个$emit() ,写在标签中还可以 ,如果点击事件中执行的代码多了 ,也是要封装一个函数放在方法中的.

祝学习愉快 ,望采纳 .

好帮手慕夭夭 2019-03-21 17:56:07

你好同学 , 用法都是一样的 , 都是子组件触发父组件事件  .如下父组件中绑定了一个事件 ,事件触发了一个函数 ,

http://img1.sycdn.imooc.com//climg/5c935f010001aebd07210933.jpg

然后在子组件的一个函数中 ,触发了父组件的loaded事件 ,并把recommends数据传递给父组件 .可能是因为父子中都有一个同名函数 ,让同学搞混了 . 组件与组件之间是隔离的,数据不能直接访问 .所以父组件中loaded中的recommends方法是父组件本身的哦 . 

http://img1.sycdn.imooc.com//climg/5c935fc300019c9306600320.jpg

祝学习愉快 ,望采纳 .

  • 提问者 qq_那些荒废流年 #1
    那为什么在这里没有在模板中绑定$emit呢 就像文档中那样
    2019-03-21 18:05:09
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师