上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 14 下一页
摘要: 以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)
摘要: Vuex 的出现,主要解决了 Vue 项目中组件之间“状态共享混乱”的问题。 Vuex 解决的问题:组件之间数据通信混乱 在 Vue 应用中: 父子组件之间可以通过 props 和 $emit 通信; 兄弟组件之间需要使用事件总线(event bus)或通过共同的父组件转发; 多层嵌套组件传值变得 阅读全文
posted @ 2025-06-30 17:05 煜火 阅读(15) 评论(0) 推荐(0)
摘要: Vuex 是 Vue.js 的官方状态管理库,它通过 5 个核心属性 来管理组件间共享的状态。 Vuex 的 5 个核心属性 属性名 类型 作用说明 state 对象 存储全局状态数据(即“数据源”),所有组件都可以访问 getters 对象/函数 类似于 computed,用于从 state 中派 阅读全文
posted @ 2025-06-26 16:50 煜火 阅读(52) 评论(0) 推荐(0)
摘要: Vuex 是 Vue.js 官方提供的 状态管理库,用于在多个组件之间 集中式管理共享状态。 在 Vue 项目中:如果有数据是多个组件都需要用的(比如用户信息、购物车数据,那么就可以放到 Vuex 里统一管理,避免组件之间手动传来传去,就像一个公共的数据仓库(Store),所有组件都可以:从 Vue 阅读全文
posted @ 2025-06-25 17:15 煜火 阅读(14) 评论(0) 推荐(0)
摘要: 在 Vue 中,自定义过滤器(filters)是一种格式化文本输出的方式,通常用于模板中的数据展示。Vue 3 已废弃过滤器语法,但 Vue 2 仍然支持。 Vue 2 中自定义过滤器的写法 全局过滤器定义 // main.js 中注册全局过滤器 Vue.filter('capitalize', f 阅读全文
posted @ 2025-06-24 16:57 煜火 阅读(10) 评论(0) 推荐(0)
摘要: Vue-loader 是 Webpack 的一个 loader(加载器),专门用于解析和转换 Vue 单文件组件(SFC,即 .vue 文件)。它将 .vue 文件中的<template>,<script>和<style> 代码块拆解,并交给对应的处理器(如 Babel、Sass 等)进行处理,最终 阅读全文
posted @ 2025-06-23 17:39 煜火 阅读(77) 评论(0) 推荐(0)
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 14 下一页