生命周期

本文共--字 阅读约--分钟 | 浏览: -- Last Updated: 2021-06-30

父子组件之间的生命周期

父子组件在加载的时候,执行的先后顺序为:

  • 父beforeCreate
  • 父created
  • 父beforeMount
  • 子beforeCreate
  • 子created
  • 子beforeMount
  • 子mounted
  • 父mounted

beforeUpdate 和 updated

如果组件内的数据变化,不会触发组件的重新渲染,是不会触发 beforeUpdateupdated 两个钩子的。

主动刷新路由

主动刷新路由有三种方式:

  • vm.$forceUpdate()

  • 给 <router-view> 设置 key 属性,改变key值;或者通过v-if控制 router-view 的显示和隐藏从而触发路由的重新加载。

  • 设置一个中转路由,A页面跳转到中转路由,在中转路由中进行重定向到原来的页面A从而触发刷新。通过在中转路由 beforeRouterEnter 中判断、或者在中转路由的空白组件中的 created 在判断、或者beforeEach中判断如果是跳向中转页面的,则从哪来(from)就让其回哪去(next)