摘要：
$route vs $router 的区别 对象 说明 常用用途 $route 当前路由对象（"在哪里"） 获取路径、参数、查询、hash 等信息 $router 路由实例对象（"怎么走"） 进行页面跳转（push、replace 等） $route是状态，$router是行为。 $route（当前 阅读全文
posted @ 2025-07-11 17:25
煜火
阅读(50)
评论(0)
推荐(0)
摘要：
这是一个很常见也很重要的问题！下面是 params 和 query 在 Vue Router（Vue 2 & 3 通用）中的区别详解： 区别如图 类型 示例 URL 获取方式 特点 params /user/123 this.$route.params.id 动态路径参数，必须配置在路由中 quer 阅读全文
posted @ 2025-07-10 17:49
煜火
阅读(91)
评论(0)
推荐(0)
摘要：
在 Vue Router 中，动态路由是指在路径中使用变量（占位符）来匹配不同的页面或组件内容。 一、定义动态路由 在 Vue Router 配置中使用 : 定义动态参数，例如： // router/index.js import { createRouter, createWebHistory } 阅读全文
posted @ 2025-07-09 17:19
煜火
阅读(196)
评论(0)
推荐(0)
摘要：
Vue Router 中有 三种主要的路由守卫（导航守卫），用于在路由跳转过程中进行拦截、校验或执行逻辑。 一、全局守卫（Global Guards） 1. beforeEach 在每次导航前触发。 可用于权限验证、登录状态检查等。 router.beforeEach((to, from, next 阅读全文
posted @ 2025-07-08 17:06
煜火
阅读(187)
评论(0)
推荐(0)
摘要：
以vue2为例 一、安装 Vue Router npm install vue-router@3 二、项目结构（建议） src/ ├── views/ // 页面组件 │ ├── Home.vue │ └── About.vue ├── router/ │ └── index.js // 路由配置 阅读全文
posted @ 2025-07-07 17:58
煜火
阅读(23)
评论(0)
推荐(0)
摘要：
在 Vue（尤其是 Vue 3 + Vue Router）中，路由跳转是实现页面切换的核心机制。Vue 路由跳转通常发生在单页应用（SPA）中，不会重新加载页面，而是通过 vue-router 实现视图组件的切换。 一、Vue 中路由跳转的方式 编程式导航（JavaScript 中使用 $route 阅读全文
posted @ 2025-07-04 17:06
煜火
阅读(346)
评论(0)
推荐(0)
摘要：
Vue Router 是什么？ Vue Router 是 Vue.js 官方提供的前端路由管理库，用于构建单页应用（SPA, Single Page Application）时，实现页面之间的导航切换。 简单来说：Vue Router 就是让你“点击页面链接时，不刷新页面，也能切换不同的组件/视图” 阅读全文
posted @ 2025-07-03 17:03
煜火
阅读(65)
评论(0)
推荐(0)
摘要：
Vuex 中的 Mutation 和 Action 都是用于修改状态（State）的机制，但它们有明显的区别，各自扮演不同角色 一张表快速看懂 Mutation vs Action： 对比项 Mutation Action 是否同步 只能是同步操作 支持异步（例如接口请求） 修改状态方式 直接修改 阅读全文
posted @ 2025-07-02 17:06
煜火
阅读(55)
评论(0)
推荐(0)
摘要：
Vuex 的数据传递流程，简单来说就是： 组件通过 dispatch 触发 action，action 再调用 commit 去触发 mutation， mutation 修改 state 中的数据，组件再通过 state 或 getters 获取更新后的数据。 Vuex 数据传递完整流程图解： 组 阅读全文
posted @ 2025-07-01 17:03
煜火
阅读(32)
评论(0)
推荐(0)
浙公网安备 33010602011771号