Vuejs学习(五)前端路由

1.SPA:通过ajax局部更新,支持浏览器前进后退
2.SPA原理:基于URL的hash
3.前端路由:根据用户事件显示不同网页
4.基本步骤
(1)引入vue-router
在这里插入图片描述(2)添加路由链接
在这里插入图片描述(3)路由填充位
在这里插入图片描述(4)定义路由组件
在这里插入图片描述(5)配置路由规则并创建路由实例
在这里插入图片描述(6)将路由挂载到Vue根实例中
在这里插入图片描述5.路由重定向:用redirect重定位新页面
6.嵌套路由:通过children进行配置
在这里插入图片描述7.动态路由
通过在path路径后添加:id属性,配置动态路由参数,id可变
8.props传参
可用route传函数
9.命名路由
name
10.编程式导航
在这里插入图片描述push方法:可跳转到其他页面
go方法:n为正,则网页前进n页;n为负,则网页后退n页

发布了7 篇原创文章 · 获赞 0 · 访问量 34

猜你喜欢

转载自blog.csdn.net/zeshen123/article/details/103943938