从0搭建Vue3-admin 笔记 理解router路由操作

终于理解vue3的路由关系了。这里描述一下我对router的理解。

 基础教程我是参照学习的2022版 | VUE3企业级实战【后台管理系统】已完结 | 项目教程详解 | 手把手实战解读 | 附源码/课件/笔记(VUE3/.NET6/前端)T0011_哔哩哔哩_bilibili

 router路由信息在每个页面里怎么获取?测试了三种方式。

方法1: 从'vue-router'获取,这个方法是Vue3推荐的。获取useRouter 里面是路由操作方法。在js里要转个名字,然后使用里面的.push方法跳转页面。方法必须要 return出去,页面才能用。主要。

方法2:这里的明显变化时路由信息是这样来的(import router from '../router/index';)然后直接就可以用了,感觉使用更简单。

方法3:这里明显的地方是路由信息获取 (import router from '@/router';)更加简单。

这里还有一个tablist变量。可以看到数据的信息来源是router.options.routes[0].children。这什么意思?路由里的route表信息。看bibi视频里子路由那个视频里有介绍。


                    
                    

你可能感兴趣的:(vue.js,javascript,前端)