如何理解Vue-router

Vue -router 是一个插件使用方法如下

1:下载 npm i vue-router -S

2:在main.js中引入 import VueRouter from ‘vue-router’;

3:安装插件 Vue.use(VueRouter);

4:创建路由对象并配置路由规则

5:将其路由对象传递给Vue的实例，options中加入 router:router

6:在app.vue中留坑

个人理解:

Vue-router是一种映射关系,一个路径对应一个组件,由于Vue是单页面应用(SPA),只有一个index.html文件,因此每次跳转的时候并不是跳转新的页面,每次只显示指定的一部分组件,可以把Vue-router理解为组件管理器
有两种跳转模式一个是Hash模式另外一个是History模式,区别就是Hash模式带#
跳转方式:this.$router.push(‘路由地址’)