点击切换帐号登陆
帐号密码登陆

子组件如何向父组件传递数据?

Lesson05:子组件与父级组件之间的通信
==============================

**教学内容**
-----------
1. 子组件传递数据的方式
2. 父组件接收数据的方式

----------------------------------------------------------

1.子组件传递数据的方式
------------------
- 子组件是通过自定义**事件方法**向父组件传递数据
- 子组件中定义: methods: {...} 属性
- 事件方法中,通过this.$emit()方法,将事件与数据发送出来

----------------------------------------------------------

2.父组件接收数据的方式
------------------
- 父组件通过:v-on指令,事件监听
- 在它的事件方法中,获取到子组件的数据
- 最后在实例挂载点模板中输出数据

思考: 如何在全局组件中向父组件发送数据?
--------------------------------


任务

?不会了怎么办
  • 小星

    朱老师,最后一节插槽布局您忘记把组件放到挂载点中,因此插槽其实是没有生效的。

    1个月前

  • 有没有源代码吖

    1个月前

  • 学的艺术也会开发前端框架,牛人啊

    1个月前

  • 教学详细,vue真的是一款简洁大气的js框架,不过缺失了axios的教程

    2个月前

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号