vue2(7)-单页应用程序路由

1.单页应用程序

如 单页：网易云，多页：京东

单页应用程序，之所以开发效率高，性能高，用户体验好

最大的原因是：页面按需更新        要按需更新，就要明确访问路径和组件的关系

这时候就要用到路由了

2.路由：路径和组件的映射关系

什么路径配什么组件

3.VueRouter的使用（5+2）

配组件 配规则，配导航 配出口

4.组件分类

页面组件和复用组件

4.路由的封装抽离

右边第三个框，是在main.js中导入的

有时候要注意路径变化

快速引入组件，也可以用绝对路径        基于@指代src目录，从src目录出发找组件

5.声明式导航-导航链接        

6.声明式导航-两个链接

类名太长可以在router，index.js里面配置

6.声明式导航-跳转传参

第二种是跳转传参

有时候会出现，显示空白，怎么解决呢

7.vue路由-重定向

8.vue-路由404

vue-路由设置

9.编程式导航-基本跳转

（1）

第一种，先设置点击事件，然后在跳转。

（2）