(十三)组件数据流向设计和组件的生命周期
组件 设计 生命周期 十三 数据流
2023-06-13 09:17:09 时间
组件数据流向的设计
说明
我们之前说过,父组件给子组件传值,子组件通过props 接收,并且子组件不能直接修改父组件传递过来的值 子组件给父组件传值,通过$emit
自定义事件传值
这个是vue的数据流向设计哲学叫做 Props Down
, Events Up
,属性向下,事件向上
组件的生命周期
说明
请求数据一般在 create
和 mounted
中进行
组件生命周期
beforeCreate -组件实例被创建之初,data 和 methods 中的数据还没有初始化
created -组件实例已经完全创建,data 和 methods 都已经初始化好了
beforeMounte -模板渲染,相关的 render 函数首次被调用,模板已经在内存中编译好了,但是尚未挂载到页面中去
mounted -el 被新创建的 vm.el 替 换 ,真实dom已经生成,el 替换,真实 dom 已经生成,el替换,真实dom已经生成,el 可用,组件脱离创建阶段,进入运行阶段
beforeupdate -组件数据更新之前调用, 此时页面中显示的数据还是旧的,但 data 是最新的,页面尚未和最新的数据保持同步
update -组件数据更新之后,页面和 data 数据已经保持同步,都是最新的
beforeUnmount -组件写在之前
unmount -组件写在完成
相关文章
- 微信小程序官方组件展示之表单组件keyboard-accessory源码
- Vue2.0组件写法
- CST软件下载安装教程仿真技术组件和系统设计的电磁仿真
- vue业务组件封装_怎么去设计一个组件封装
- 富文本vue-quill-editor结合el-element实现自定义上传组件
- Django的Modelform组件
- 动态组件与 v-once 指令
- 【Android】Android对于Activity的运用以及ViewGroup和 用户界面组件在项目中的运用
- Vue提示框组件vue-notification使用实例演示
- 【Android FFMPEG 开发】FFMPEG 交叉编译配置 ( 下载 | 配置脚本 | 输出路径 | 函数库配置 | 程序配置 | 组件配置 | 编码解码配置 | 交叉编译配置 | 最终脚本 )
- OpenStack Swift组件介绍
- 【Flutter】StatefulWidget 组件 ( 创建 StatefulWidget 组件 | MaterialApp 组件 | Scaffold 组件 )
- 泛函编程(18)-泛函库设计-并行运算组件库详解编程语言
- MSSQL组件缺失:怎么解决?(缺少mssql组件)
- 结合Redis实现可靠的选举组件(用redis进行选举组件)
- Redis无法安装NET组件(redis装不上net)
- JavaScript组件焦点与页内锚点间传值的方法