Vue路由的介绍与使用

路由就是一种映射关系，在vue中就是路径和组件的映射关系。根据不同的路径，显示不同的组件页面，实现业务场景切换。vue中使用vue-router这个第三方模块包实现。

vue-router使用

1. 下载包 yarn add vue-router
2. 导入路由 import VueRouter from 'vue-router'
3. 使用路由插件 Vue.use(VueRouter)
4. 创建路由规则数组

const routes = [
  {
    path: "/hash",
    component: 组件名  //组件也要导入
  },
 ...
]

6. 创建路由对象 - 传入规则 const router = new VueRouter({ routes })
7. 注册到全局 new Vue({router})
8. 挂载点显示切换的路由 <router-view></router-view>