网站布局是什么,免费logo图标在线制作,罗湖区网站建设多少钱,完全开源的一个商城系统一、组件的生命周期
1. 生命周期 生命周期函数
生命周期#xff08;Life Cycle#xff09;是指一个组件从创建 - 运行 -
销毁的整个阶段#xff0c;强调的是一个时间段。
生命周期函数#xff1a;是由 vue 框架提供的内置函数#xff0c;会伴随着
组件…一、组件的生命周期
1. 生命周期 生命周期函数
生命周期Life Cycle是指一个组件从创建 - 运行 -
销毁的整个阶段强调的是一个时间段。
生命周期函数是由 vue 框架提供的内置函数会伴随着
组件的生命周期 自动按次序执行。
注意生命周期强调的是时间段生命周期函数强调的是时
间点。 3. 生命周期图解
可以参考 vue 官方文档给出的“生命周期图示” 进一步理
解组件生命周期执行的过程
Vue 实例 — Vue.js生命
周期图示
二、组件间的数据共享
1、组件间的关系
在项目开发中组件之间的最常见的关系分为如下两种
① 父子关系
② 兄弟关系 2、组件之间的数据共享
父子组件之间的数据共享又分为
① 父 - 子共享数据
② 子 - 父共享数据 父组件向子组件共享数据需要使用自定义属性。示例代码如下 子组件向父组件共享数据使用自定义事件。示例代码如下 兄弟组件之间的数据共享
在 vue2.x 中兄弟组件之间数据共享的方案是 EventBus EventBus 的使用步骤
① 创建 eventBus.js 模块并向外共享一个 Vue 的实例对象
② 在数据发送方调用 bus.$emit(事件名称, 要发送的数据) 方法触发自定
义事件
③ 在数据接收方调用 bus.$on(事件名称, 事件处理函数) 方法注册一个自
定义事件
练习父将 list 数组传给子组件子组件再将发生点击事件的
数组下标传给父组件并且实现点击的数组元素背景颜色为黄绿色
