vue之路由router,路由的跳转router-link,路由重定向redirect

1.路由的作用:根据url锚点路径,在容器中加载不同的模块

原理:利用锚点完成切换

注意点:需要将组件映射到路由,明确vue-router在什么位置渲染

2.vue router中index.js文件详解

3.一级路由配置

(1)在index页面配置路由path

(2)在index页面配置好path后,在vue文件中使用router-link组件进行跳转,用router-view组件作为展示组件的容器

4.二级路由配置

(1)在index页面配置路由path,需要在children里配置,如果需要一打开页面就显示出来,需要配置redirect

(2)在一级路由页面进行配置跳转以及页面渲染

5.路由重定向的两种方式

方式一:

方式二:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容