Vue路由

路由
一个路由就是一组映射关系(key - value)，key 为路径， value 可能是function或componen

理解：value 是 component ，用于展示顽面内容
工作过程：当浏览器的路径改变时，对应的组件就会显示
vue-router 是 vue 的一个插件库，专门用来实现SPA应用。

编写 router 配置项：

import VueRouter from . vue-router            // 引入VueRouter
import About from '../ components/About'      // 引入组件
import Home from'../ components /Home'        // 路由组件

注意事项

1.路由组件通常存放在 pages 文件夹，-般组件通常存放在 components 文件夹。
比如上一节的案例就可以修改为

2.通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载
3.每个组件都有自己的 $route 属性，里面存储着自己的路由信息
4.整个应用只有一个 router，可以通过组件的 $router 属性获取到