-
Vue组件生命周期图示
.png
-
钩子函数
- 1 初始化显示
beforeCreate()
created()
beforeMount()
mounted() - 2 更新状态
beforeUpdate()
updated() - 3 销毁 vue 实例
beforeDestory()
destoryed()
-
常用的生命周期方法
created()/mounted() 发送ajax请求，启动定时器等异步任务
beforeDestory() 收尾操作，比如: 清除定时器、数据缓存 -
组件之间通信
-
1 通信基本原则：
- 1.1 不要在子组件中直接修改父组件的状态数据
- 1.2 数据和处理数据的函数应该在同一模块内
-
2 组件通信常用方式
- 2.1 props
- 2.2 自定义事件
- 2.3 消息订阅与发布
- 2.4 vuex
-
3 组件通信方式1 - props
- 3.1 在组件内声明所有的 props
- 3.2 使用注意
- 3.2.1 此方式用于父组件向子组件传递数据
- 3.2.2 所有标签属性都会成为组件对象的属性, 模板页面可以直接引用
- 3.2.3 存在缺陷
-
4 组件通信方式2 - 自定义事件
-
4.1 案例操作
-
4.2 使用注意
-
网友评论