摘要:
以vue2为例 一、安装 Vue Router npm install vue-router@3 二、项目结构(建议) src/ ├── views/ // 页面组件 │ ├── Home.vue │ └── About.vue ├── router/ │ └── index.js // 路由配置 阅读全文
posted @ 2025-07-07 17:58
煜火
阅读(14)
评论(0)
推荐(0)
摘要:
在 Vue(尤其是 Vue 3 + Vue Router)中,路由跳转是实现页面切换的核心机制。Vue 路由跳转通常发生在单页应用(SPA)中,不会重新加载页面,而是通过 vue-router 实现视图组件的切换。 一、Vue 中路由跳转的方式 编程式导航(JavaScript 中使用 $route 阅读全文
posted @ 2025-07-04 17:06
煜火
阅读(294)
评论(0)
推荐(0)
摘要:
Vue Router 是什么? Vue Router 是 Vue.js 官方提供的前端路由管理库,用于构建单页应用(SPA, Single Page Application)时,实现页面之间的导航切换。 简单来说:Vue Router 就是让你“点击页面链接时,不刷新页面,也能切换不同的组件/视图” 阅读全文
posted @ 2025-07-03 17:03
煜火
阅读(52)
评论(0)
推荐(0)
摘要:
Vuex 中的 Mutation 和 Action 都是用于修改状态(State)的机制,但它们有明显的区别,各自扮演不同角色 一张表快速看懂 Mutation vs Action: 对比项 Mutation Action 是否同步 只能是同步操作 支持异步(例如接口请求) 修改状态方式 直接修改 阅读全文
posted @ 2025-07-02 17:06
煜火
阅读(51)
评论(0)
推荐(0)
摘要:
Vuex 的数据传递流程,简单来说就是: 组件通过 dispatch 触发 action,action 再调用 commit 去触发 mutation, mutation 修改 state 中的数据,组件再通过 state 或 getters 获取更新后的数据。 Vuex 数据传递完整流程图解: 组 阅读全文
posted @ 2025-07-01 17:03
煜火
阅读(26)
评论(0)
推荐(0)
浙公网安备 33010602011771号