vue中路由的使用

vue中路由的使用

什么是路由？

1、后端路由：每个url地址都对应着不同的静态资源。
2、前端路由：对于单页面应用程序来说，主要通过hash（#号）来实现不同组件（页面）之间的切换。
3、hash特点：http请求不会包含hash（#号）相关内容，所以单页面程序主要用hash跳转。

如何使用路由

1、引入路由
2、创建路由实例
3、创建映射关系
路由对象（path：“路由地址”，component：组件）
4、挂载到vue实例上
5、预留展示区

使用（路由跳转 to=“跳转路径”）

使用router-link进行页面之间的跳转

style

1、样式隔离：scoped
2、声明文件类型：lang