【无标题】

vue ⽣命周期就是 vue 实例从创建到销毁的整个过程我们称之为 vue 的 ⽣命周期,通过 vue 的⽣命周期我们可以在不同的阶段进⾏不同的逻辑操作,

. vue ⽣命周期常⽤的钩⼦函数⼀共有 8 个,分别是创 建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩⼦函数为

 beforeCreate 创建前 实例还未创建 

created 创建后 请求数据 第一个拿到date和methods来用钩子函数 获取到this 

beforeMound 挂在前 能获取到this 挂载是节点

 mounted 挂载后 获取到Dom

以上四个创建阶段的钩子函数 只会执行一次

t beforeUpdata 数据变了视图未更新

updataed 数据变化视图更新

更新钩子函数执行零次或者无数次

beforeDestory 销毁前 可以清除定时器 最后一个能使用data 和 methods钩子函数 父组件 mounted Destoryed 销毁后 可以清除定时器

destoryed 销毁后,

除了以上八个 还有三个 activated 激活 deactivated 停用 以上两个跟 keep-alive 有关的 组件的激活和组件的停用 errorCapture 子组件加载错误时触发

nextTick

在 dom 更新之后执行的异步 延迟回调 在 vue 中 dom 更新是异步

把本身的同步代码 变成异步执行 排在dom更新之后 所以能拿到dom节点

如果在 dom 还没更新的时候我们想要拿到 dom 节点来用的时候 就要把 代码放在 nextTick 中

用的最多的是 created

用它来发送 http 请求 还可以获取本地存储里的数据

 created 和 mounted 的区别

created 执行的时机更早 mounted 可以获取到 dom 元素

如果想在 created 中获取到 dom 元素

使用 nextTick