Vue 生命周期是从创建到销毁的过程
生命周期
创建 挂载 更新 销毁 四大阶段 八个方法
数据变化,页面更新的动作是 异步的
<子组件 ref=‘Demo’></子组件>
this.$refs.Demo.方法
1.在组件标签身上,ref=‘别名’
2.在恰当的时机,使用this.$refs.别名 - 对应组件对象获取在原地
点击时 先加载count++ -> data数据改变 (异步) ->
由于this.$nextTick使console.log(this.$refs.countP.innerHTML)成为了异步,所以按排队顺序为 先加载count++ -> data数据改变 (异步) -> 生成新的虚拟DOM和旧的虚拟DOM结构对比 -> 更新真实DOM
this.$nextTick(()=>{
console.log(this.$refs.countP.innerHTML)
})
----------------------------------------
this.count++
this.$nextTick(()=>{
console.log(this.$refs.countP.innerHTML)
})
自定义组件
生命周期
- 创建阶段