页面设计
- 首页 Home.vue
- 登录页 Login.vue
- 注册页 Reg.vue
- 频道新闻页 ChannelNews.vue
- 404 NotFound.vue
浏览器无论访问什么地址,访问的真实页面始终是index.html
,vue
根据不同的地址,渲染不同的组件。由于真实页面是唯一的,用户看到的页面切换,实际上是组件的切换,这种应用称之为单页应用
开发单页应用涉及到两个核心问题:
- 在哪个位置切换组件
- 访问路径如何对应组件
vue-router
使用vue-router
可以非常轻松的构建单页应用程序
官网地址:https://router.vuejs.org/zh/
路由模式:
- hash:路径来自于地址栏中#后面的值,这种模式兼容性比较
- history:路径来自于真实的地址路径,旧浏览器不兼容
- abstract:路径来自于内存