【vue2.0】day4

一、组件的生命周期

1 生命周期&生命周期函数

在这里插入图片描述

2 组件生命周期函数的分类

在这里插入图片描述

关于组件生命周期函数的具体讲解点击连接查看视频

二、组件之间的数据共享

1 组件之间的关系

在项目开发中,组件之间的最常见的关系分为如下两种:

  1. 父子关系
  2. 兄弟关系

2 父组件向子组件共享数据在这里插入图片描述

3 子组件向父组件共享数据

在这里插入图片描述

4 兄弟组件之间的数据共享

在这里插入图片描述

EventBus的使用步骤:
在这里插入图片描述

三、ref引用

1 什么是ref引用

在这里插入图片描述

2 使用 ref 引用 DOM 元素

在这里插入图片描述

3 使用 ref 引用组件实例

通过这样的方法可以在父调用子方法,或者传值等,比较简单

在这里插入图片描述

4 控制文本框和按钮的按需切换

在这里插入图片描述

5 让文本框自动获得焦点

在这里插入图片描述
但是会报错。因为数据更新了,dom元素还没有来得及重新渲染,所以ipt还在被隐藏,访问不到。

6 this.$nextTick(cb) 方法在这里插入图片描述


四、数组的复习

五、购物车案例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值