生命周期_mount和create区别
Vue2.0 钩子函数:
vue完整的生命周期,主要包括以下4个阶段:创建,挂载,更新,销毁
创建前:beforeCreate, 创建后:created
挂载前:beforeMount, 挂载后:mounted
更新前:beforeUpdate, 更新后:updated
销毁前:beforeDestroy, 销毁后:destroyed
当组件初次加载会执行前面4个生命周期:beforeCreate、created、beforeMount、mounted
如果使用了keep-alive则会新增两个生命周期:actived deactivated
指令解释:
beforeCreate:在实例初始化之后,数据观测(data observer) 和 event/watcher 之前被调用。
created:实例和初始化完成。实例已配置:数据监听,属性和方法的运算,watch/event 事件回调之后。
beforeMount:在挂载开始之前被调
mounted:el 被新创建的 vm.el 替换,并挂载到实例
beforeUpdate:数据更新时调用,发生在虚拟 DOM 重新渲染之前。
updated:由于数据更改导致的虚拟 DOM 重新渲染,在这之后会调用该钩子。组件 DOM 已经更新。
beforeDestroy:实例销毁之前调用。在这一步,实例仍然完全可用。
destroyed:Vue 实例销毁后调用。调用后,Vue实例会解绑定,所有的事件会被移除。
errorCaptured:当捕获一个来自子孙组件的错误时被调用
---------------
Vue.3.0 新增钩子
Setup: 页面创建之前执行的函数。所以整个面用setup()函数来初始化参数
onBeforeMount:页面渲染之前执行;onMounted: 页面渲染时;
onBeforeUpdate:页面更新之前;onUpdated:页面更新之后;
onBeforeUnmount:页面销毁之前;onUnmounted:页面销毁之后;
create mount区别:
created :是在页面渲染之前发生的 ,拿不到模板和数据的。
mounted:是在渲染data里面的数据到页面上之后发生,模板和数据都可以拿到。
追问:
brforecreate到created中间做了什么