创建阶段

  • beforeCreate
    data和methods中的数据还没有被初始化
  • created
    data和methods中的数据已经被初始化,最早在这里进行操作他们的数据
  • beforeMounte
    模板已经在内存中编辑完成了,但是还没有把模板渲染到页面中去。此时对dom元素无法进行相关的操作,页面中的元素还没有真正的替换出来,页面还是旧的
  • mounted
    内存中的模板,已经真实的挂载到了页面中,用户可以看到已经渲染好的页面。实例披创建好的最后步,如果没有其他操作,他就安安静静的保存在内存之中

    运行阶段

  • beforeUpdote
    data里面的数据发生改变的时候才会触发0次或者多次。表示界面还没有被更新,但是数据已经被更新了。数据与页面不同步更新的,虚拟dom的特性
  • updated
    数据和页面更新已经同步了,就是虚拟dom已经被变成了真实的dom

    销毁阶段

  • beforeDestroy
    vue实例的销毁阶段,实例身上所有的data、 methods以及指令和过这器等等还是可用的状态。
  • destroy
    这里组件以及被完全销毁,实例身上所有的data、methods以及指令和过这器等已经是不可用的状态。