详解Vue生命周期钩子

详解Vue生命周期钩子

  • Vue生命周期钩子简介
  • 生命周期钩子介绍
    • 1、onBeforeMount()
    • 2、onMounted()
    • 3、onBeforeUpdate()
    • 4、onUpdated()
    • 5、onBeforeUnmount()
    • 6、onUnmounted()
  • 生命周期简单归纳
    • 1、页面初始时直接触发
    • 2、数据发生改变后触发
    • 3、错误捕获
  • 生命周期图示

Vue生命周期钩子简介

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。(结尾附上生命周期图示)

生命周期钩子介绍

1、onBeforeMount()

onBeforeMount() 钩子被调用时组件已经完成了其响应式状态的设置(render函数首次被调用),但还没有创建 DOM 节点。即首次执行DOM渲染过程

// 使用方法其它生命周期同样 
// 生命周期钩子也可以在一个外部函数中调用,不必须放在 setup() 或 
                    
                    

你可能感兴趣的:(Vue,vue.js,前端,javascript)