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

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

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

**教学内容**
1. 父组件与子组件的定义
2. props属性
3. 子组件与父组件的数据绑定

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


> vue实例其实也是组件,也可以有data和template属性
> 所有这里的父组件,可以直接用vue实例充当
> 子组件,就是在当前vue实例中,使用components属性声明的组件


1.父组件与子组件的定义
------------------
- 父组件: Vue实例
- 子组件: Vue实例挂载点可访问的组件
    + 局部组件: vue实例中的components属性中声明
    + 全局组件: Vue.component()声明

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

2.props属性
-----------
- 子组件用来接收父组件数据的容器
- 必须在子组件中定义
- 必须是数组格式,每个元素对应一个父组件变量

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

3.子组件与父组件的数据绑定
---------------------
- 在实例挂载点的组件模板上,使用v-bind指令
- 将父组件指定数据对象绑定到子组件的props属性中
- 单向绑定,即子组件对父组件的数据,只能获取,不能更新


任务

?不会了怎么办
  • 小星

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

    1个月前

  • 有没有源代码吖

    1个月前

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

    1个月前

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

    2个月前

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