What are the hook functions for vUE routing? What did you do?

 

Vue Router is the official route manager of vue.js. Its deep integration with vue.js core makes building single-page applications a breeze. The features included are:

• Nested routing/view chart
• Modular, component-based routing configuration
• Route parameters, queries, and wildcards
• View transition effect based on vue. js transition system
• Fine-grained navigation control
• Links with automatically activated CSS classes
• HTML5 historical mode or Hash mode is automatically degraded in IE9
• Custom scroll bar behavior

There are six hook functions for routing

Global routing hook functions: beforeEach, afterEach

Single routing hook function: beforeEnter

Component routing hook functions: beforeRouteEnter, beforeRouteLeave, beforeRouteUpdate

Module 1: Global navigation hook functions

1. Vue router. BeforeEach (Global front-guard)

BeforeEach hook function, which is a global before hook function,

BeforeEach means that each route change must be executed every time.

Its three parameters:

To: (Route Route object) Target Route object to be entered. The following attributes of the to object are: Path Params Query