- 什么是组件的生命周期
- 一个组件从 创建 到 销毁 的整个过程就是生命周期
- 生命周期函数(钩子函数)
- vue 框架内置函数，随着组件的生命周期，
自动按次序执行 - 作用:
特定的时间点做特定的事 - 场景:组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据
阶段
初始化 =》创建组件 => beforeCreate created
挂载 =>渲染显示组件 => beforeMount mouted
更新 =》修改了变量=》触发视图刷新 => beforeUpdate updated
销毁 =》切换页面 =》会把组件对象从内存删除 => beforeDestory destoryed
$refs
-
作用:能用它获取dom元素或者组件实例
-
格式:
<template> <标签 ref="xxx" /> </template>
this.$refs.xxx
nextTicl
- 有点类型与定时器
- vue数据改变会导致视图(dom)更新
1.该过程是异步的
2.dom并没有同步更新
3.等到更新函数完成之后,再执行
同步代码执行完成,在下一轮执行this.$nextTick回调函数
