Vue路由
路由的概念
- 后端路由:根据不同URL地址,服务端响应不同的资源。
- 前端路由:针对于单页面应用来说,根据不同的地址,展示不同的界面,称之为前端路由。
怎么使用路由
- 引入路由的js
- 创建路由实例。 new VueRouter
- 配置地址和组件的映射关系。 routes
- 把路由实例挂载到vue上。 Vue实例上有个router属性
- 指定路由到这个地址之后,组件显示的位置<router-view></router-view>
本文深入讲解了Vue中前端路由的概念及其实现方式。通过引入VueRouter库,创建路由实例,并配置地址与组件间的映射关系,实现单页面应用中不同URL对应的不同界面展示。