vue2的生命周期函数一共有11个 常有的有8个

  • beforecreate()  组件实例创建前  (这个时候还不能获取到data数据)
  • created()  组件实例创建后 (能够获取到data数据)
  • beforemount()  组件挂载前 
  • mounted()  组件挂载后  (dom元素挂载后才可以获取到)
  • beforeupdate()  数据改变 视图更新前 (注意:只有视图更新才会触发钩子函数,数据改变不一定更新,视图改变一定会更新)
  • updated()  视图更新后
  • beforedestroy()  实例销毁前 
  • destroyed()  实例销毁后 (销毁前和销毁后主要用于定时器或者全局监听在这里销毁)


另外三个分别是:

  • activated()  被keep-alive缓存的组件激活时调用
  • deactivated()  被keep-alive缓存的组件停用时调用
  • errorcaptured()  2.5.0+新增的捕获来自一个子孙组件错误时调用


vue3.0做了一些改动 

  • beforeCreate -->   setup() 开始创建组件之前,创建的是data和method
  • created-->   setup()
  • beforeMount-->   onBeforeMount 组件挂载到节点上之前执行的函数
  • mounted-->  onMounted 组件挂载完成后执行的函数
  • beforeUpdate-->   onBeforeUpdate组件更新之前执行的函数
  • updated-->  onUpdated 组件更新完成之后执行的函数
  • beforeDestroy-->   onBeforeUnmount 组价卸载之前执行的函数
  • destroyed-->  onUnmounted组件卸载完成后执行的函数
     
Logo

前往低代码交流专区

更多推荐