Vue JS 2：在 beforeCreate 之后停止生命周期

Question

Is there a way to stop rendering and execution of created() and mounted() in the beforeCreate method? Just calling $destroy() on the component will fire after created.

Answer 1

No. There are other ways to prevent a component from rendering

v-if

Use v-if in the parent to conditionally render.

<child v-if="shouldRender"></child>

data: () => ({
  shouldRender: false
})

beforeRouteEnter

If the component is a router page, you can prevent it from being created with the beforeRouteEnter navigation guard.

beforeRouteEnter (to, from, next) {
  if (something) {
    // Don't render the component, go somewhere else
    next({ path: '/somewhere' });  
  }
}