VUE实例的组件的生命周期和数据共享和ref的使用方法(建议直接看ref)_vuejs生命周期函数 reff(1)

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

目录

• VUE实例的组件的生命周期和数据共享
• 组件间的数据共享
• ref的使用方法
• • 使用ref操作dom
    • 使用ref引用组件
    • • this.$nextTick(cb)方法的使用

VUE实例的组件的生命周期和数据共享

生命周期和生命周期函数
这个是我学校vue书籍阿里云盘地址,有需要可以点击看看

生命周期（Life Cycle）是指一个组件从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段。
生命周期函数：是由 vue 框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。
注意：生命周期强调的是时间段，生命周期函数强调的是时间点。

可以参考vue官方文档给出的“生命周期图示”，进一步理解组件生命周期执行的过程:https://cn.vuejs.org/v2/guide/instance.html生命周期图示
下面是官网粘贴过来的图示,在这里做了一些笔记,可以更直观了解创建过程

组件间的数据共享

当有多个数据要传递给父组件时,需要通过对象去包装数据,格式如下:

父组件接收方式同上


以下是打印结果

父子之间使用中央事件总线EventBus

ref的使用方法

使用ref操作dom

最后

资料过多，篇幅有限

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

n.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。