本文深入讲解Vue中的前端路由概念及实现方式，包括如何通过#号完成页面切换，使用Vue-router进行路由配置，创建组件和路由规则，以及路由的重定向、高亮和动画效果设置。
day02
Vue路由
1.后端路由：在一个网站上 所有的超链接都是URl地址 这些URL地址对应服务器上的某个资源 路由分发
2.前端路由：在单页面应用程序中 主要通过url中的#号(hash) 完成不同页面的切换 。
在单页面应用程序 主要通过url中的#号(hash) 完成不同页面的切换 称为前端路由
在Vue中使用Vue-router
1.引入类库 vue-router
2.创建a标签 改变URL地址
3.使用router-view标签 去展示匹配到的组件
4.创建组件的模板对象
5.创建一个路由实例 通过routes 属性定义匹配规则
6.将路由实例挂载到Vue实例中
使用tag属性指定router-link渲染的标签类型
设置路由的重定向
{path: ‘/’, redirect:’/login’}
设置路由高亮
既可以使用其原有的属性 也可以去修改属性名
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
