Vue学习coderwhy生命周期,$refs的使用动态组件的传值keep-alive异步组件, setup函数的返回值Options API的弊端组件的v-modelMixin的基本使用

认识生命周期

◼ 什么是生命周期呢?
 生物学上,生物生命周期指得是一个生物体在生命开始到结束周而复始所历经的一系列变化过程;
 每个组件都可能会经历从创建、挂载、更新、卸载等一系列的过程;
 在这个过程中的某一个阶段,我们可能会想要添加一些属于自己的代码逻辑(比如组件创建完后就请求一些服务器数据);
 但是我们如何可以知道目前组件正在哪一个过程呢?Vue给我们提供了组件的生命周期函数;
◼ 生命周期函数:
 生命周期函数是一些钩子函数(回调函数),在某个时间会被Vue源码内部进行回调;
 通过对生命周期函数的回调,我们可以知道目前组件正在经历什么阶段;
 那么我们就可以在该生命周期中编写属于自己的逻辑代码了;

生命周期的流程

在这里插入图片描述
在这里插入图片描述

$refs的使用

◼ 某些情况下,我们在组件中想要直接获取到元素对象或者子组件实例:
 在Vue开发中我们是不推荐进行DOM操作的;
 这个时候,我们可以给元素或者组件绑定一个ref的attribute属性;
◼ 组件实例有一个$refs属性:
 它一个对象Object,持有注册过 ref attribute 的所有 DOM 元素和组件实例。

猜你喜欢

转载自blog.csdn.net/weixin_43428283/article/details/128299046