- 博客(7)
- 收藏
- 关注
原创 Vue-router(嵌套路由和命名路由以及路由守卫)
是否需要嵌套路由是根据页面结构来决定的。所以,嵌套路由就是在路由里面嵌套它的子路由;其关键属性是children,children也是一组路由,可以嵌套多个组件。顾名思义就是给路由取名字,在Router实例中给某个路由设置名称name值。通过一个名称来标识一个路由显得更方便一些,特别是在链接一个路由,或者是执行一些跳转的时候,通过路由的名称取代路径地址直接使用。上述代码使用对象作为路由的时候,to前面得加冒号,表示绑定;在to属性中,name表示组件名称,params用来传递id值。
2024-09-03 16:48:07 582
原创 Vue-router(路由)
刚刚上面的实际上只有router-link中的to属性和js中定义的路由中的path一样时,才会显示对应的component。但实际开发时,这种方式是明显不足的,例如当用户去访问网站并且登录成功后,在页面中会显示“欢迎您”+用户名,不同的登录用户就会不一样的用户名,这就相当于一个组件,这里假设是User组件;此时需要使用id来区分不同的用户,都会导航到同一个User组件,这种情况下在配置路由的时候,需要把id作为参数传入,这就需要利用动态路由来实现了。(不需要额外修改index.js文件)
2024-09-03 01:30:04 782
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人