摘要：
1、位置 src/router/index.js 写在路由中 2、顺序 在全局 前置守卫 执行后执行 2、语法 { path:'news', component: NewsData, meta:{isAuth:true, title:'新闻'}, beforeEnter: (to, from, ne 阅读全文
posted @ 2025-01-08 22:35
市丸银
阅读(12)
评论(0)
推荐(0)
摘要：
一、位置 src/router/index.js const router = new VueRouter({ routes:[ ] }) // 这个地方写全局前置路由守卫或 全局后置路由守卫 export default router 一、全局前置路由守卫 1、时间：初始化时被调用，每次切换前被调 阅读全文
posted @ 2025-01-08 22:17
市丸银
阅读(56)
评论(0)
推荐(0)
摘要：
1、作用 路由独有的两个生命周期函数，用于捕获路由组件的激活状态，激活路由调用 2、功能, 只有 组件被 keep-alive 包裹时才能生效 activated路由组件被激活时调用 activated(){} deactivated路由组件失活时调用 deactivated(){} 阅读全文
posted @ 2025-01-08 19:59
市丸银
阅读(25)
评论(0)
推荐(0)
摘要：
路由切换，组件自动销毁，想要保留A组件的数据，需要确认A组件路由所在的组件，在该组件中包<router-view> <keep-alive include="NewsData"> <router-view></router-view> </keep-alive> include=组件名称 不写inc 阅读全文
posted @ 2025-01-08 18:54
市丸银
阅读(9)
评论(0)
推荐(0)
摘要：
一、作用 不借助<router-link>实现路由跳转 二、路由 (push replace) 借助 $router 的push(保存浏览记录) 和replace(替换浏览记录) 与 query和params对象传参类似 1、push 触发 <button @click="pushShow(m)"> 阅读全文
posted @ 2025-01-08 18:34
市丸银
阅读(15)
评论(0)
推荐(0)
摘要：
1、作用 控制路由跳转时操作浏览器历史记录的模式 2、两种 push：追加历史记录 replace：替换历史记录 默认为 push 3、设置 添加 replace 属性 <router-link replace class="list-group-item" active-class="active 阅读全文
posted @ 2025-01-08 17:10
市丸银
阅读(25)
评论(0)
推荐(0)
摘要：
1、作用 让路由组件便于接受参数 2、写法(三种) src/router/index.js a、简单 值为对象，通过props传递给组件，组件需要接受 { name:'detail', // params参数 需要占位符 path:'detail/:id/:title', component: De 阅读全文
posted @ 2025-01-08 16:57
市丸银
阅读(34)
评论(0)
推荐(0)
摘要：
一、传递参数 1、路由(占位符) src/router/index.js children:[ { name:'detail', // params参数 需要占位符 path:'detail/:id/:title', component: DetailData }, ] 2、传递(对象) 注意：pa 阅读全文
posted @ 2025-01-08 16:09
市丸银
阅读(17)
评论(0)
推荐(0)
摘要：
1、作用 简化多级路由 2、设置 src/router/index.js 在路由中添加 name 关键字 children:[ { name:'detail', path:'detail', component: DetailData }, ] 3、使用，配合传递参数，或者单个name关键字 to要 阅读全文
posted @ 2025-01-08 15:44
市丸银
阅读(11)
评论(0)
推荐(0)
摘要：
一、传递参数 1、固定参数 <router-link to="/home/message/detail?name=jojo&age=8">{{ m.title }}</router-link> 2、变化参数(对象写法) 关键字：path 路径(完整)，query: 对象 <router-link : 阅读全文
posted @ 2025-01-08 15:34
市丸银
阅读(33)
评论(0)
推荐(0)
浙公网安备 33010602011771号