title: Precedence in lifecycle hooks with Vue.js and Vue-router
body: <p>I'm building an app with <code>vue</code> and <code>vue-router</code>. In some routes, I need to check some conditions first, if those conditions are not satisfied, then redirect to another component, so I used the <code>activate</code> hook on the <code>router</code> option of my component, and it works fine. Also, inside that same component, I have the vue <code>created</code> hook to load some data, the thing is that if those conditions that I mentioned before are not met, then I can't load the data in the created hook. What I would expect is that if that condition is not met, and the redirect hook was called, then the created hook wont get triggered, but what is actually happening is that whene that condition is false, then the redirect of the activate hook get calledn <strong>and also</strong> the created hook from Vue. So, more than a solution for my particular use case, I would like to know the order of execution of the hooks when using vue and vue router together.</p>