我们一起来读书吧 关注:156贴子:3,311
  • 0回复贴,共1

vuejs深入浅出14.1-14.2

取消只看楼主收藏回复

生命周期分为4个阶段:初始化阶段、模板编译阶段、挂载截断、卸载阶段1.初始化阶段:newVue()到created之间的阶段叫作初始化阶段,此阶段的目的主要是初始化一些属性、事件以及响应式数据。2.模板编译阶段:created到beforeMount之间的阶段,此阶段目的是将模板编译成渲染函数。如果在只包含运行时的构建版本中newVue()的话,*.vue内部的模板会在构建时预编译成JavaScript,模板已经预编译成渲染函数了,因此就不存在模板编译阶段。3.挂载阶段:beforeMount到mounted之间的阶段,此阶段目的是将模板渲染到指定的dom元素中。在挂载过程中vue.js会开启watcher来持续追踪依赖变化。4.卸载阶段:调用vm.$destroy方法后,此阶段vue.js会将自身从父组件中删除,并取消实例上依赖的追踪和事件监听。初始化阶段的内部原理:首先进行安全检查,然后Vue.js通过调用initMixin方法将_init挂载到Vue构造函数的原型上。当newvue()执行后,vue.js会在初始化流程的不同时期通过callhook函数触发生命周期钩子。callhook的实现:通过vm.options[生命周期钩子]获取的是一个数组,callhook会遍历这个数组依次执行每一个钩子函数。


IP属地:北京1楼2026-01-12 18:57回复