What is the difference between Vue's router and route?

Difference: router obtains an instance object through "Vue.use(VueRouter)" and the VueRouter constructor, which is a global object. Route is a jump routing object. Each route will have a route object, which is a local object.

The operating environment of this tutorial: windows7 system, vue2.9.6 version, DELL G3 computer.

What is router

Router is an object of VueRouter. Through Vue.use(VueRouter) and VueRouter constructor, you get an instance object of router. In this object, A global object that contains all routes and many key objects and properties.

Similar to the history object

• ##$router.push({path:'home'});The essence is to add a history object to the history stack Routing, in our opinion, is switching routes, but the essence is to add a history record

Method:

$router.replace({path:'home'});//替换路由，没有历史记录

What is route

route is a jump routing object. Each route will have a route object, which is a local object that can obtain the corresponding name, path, params, query, etc.

$ route.path A string, equal to the path of the current routing object, which will be parsed as an absolute path, such as
"/home/news".

$route.params Object, containing the key-value pairs of dynamic fragments and fully matched fragments in the route

$route.query Object containing key-value pairs of query parameters in the route. For example, for
/home/news/detail/01?favorite=yes , you will get $route.query.favorite == 'yes' .

$route.router The router (and the component to which it belongs) to which the routing rule belongs.

$route.matched Array containing configuration parameter objects corresponding to all fragments contained in the currently matched path.

$route.name The name of the current path. If a named path is not used, the name will be empty.

$route.path , $route.params , $route.name , $route.querythis Several attributes are easy to understand and are mainly used to receive parameters passed by routes

Related recommendations: "

vue.js Tutorial"

The above is the detailed content of What is the difference between Vue's router and route?. For more information, please follow other related articles on the PHP Chinese website!