摘要：
在 Vue 中实现动画非常方便，Vue 提供了专门的 <transition> 和 <transition-group> 组件，用于给元素或组件添加进入、离开、切换的过渡动画。 一、最基础的动画：使用 <transition> 实现显示/隐藏过渡 <template> <div> <button @ 阅读全文
posted @ 2025-07-22 15:14
煜火
阅读(21)
评论(0)
推荐(0)
摘要：
在 Vue 项目中，跨域问题一般出现在你前端代码请求后端接口时，例如： axios.get('http://api.example.com/data') 如果前后端不是同一个源（协议+域名+端口），就会触发浏览器的CORS（跨域资源共享）限制。 Vue 项目实现跨域的常见方法 Vue CLI 提供了 阅读全文
posted @ 2025-07-21 16:48
煜火
阅读(51)
评论(0)
推荐(0)
摘要：
在 Vue Router 中，编程式导航是指通过 JavaScript 代码控制路由跳转，而不是使用 <router-link> 这样的声明式导航。 一、常用方法（基于 Vue Router 4） 编程式导航主要通过 router 实例提供的方法实现，常用的有以下几个： 1. router.push 阅读全文
posted @ 2025-07-17 18:01
煜火
阅读(45)
评论(0)
推荐(0)
摘要：
以下是 Vue Router（适用于 Vue 2 和 Vue 3 中的大多数配置）中常用的路由配置项，以及它们的作用说明： 由配置项常用属性及说明 属性名 类型 说明 path String 路由路径，访问地址，例如 /login、/user/:id name String 路由名称，配合 this 阅读全文
posted @ 2025-07-16 17:54
煜火
阅读(20)
评论(0)
推荐(0)
摘要：
Vue 的路由实现有两种主要模式：Hash 模式 和 History 模式，它们是通过 Vue Router 实现的。 一、Hash 模式（默认） URL 形式： http://example.com/#/home 特点： 使用 #（hash）符号后面的部分作为路由路径。 浏览器只会识别 # 前面的 阅读全文
posted @ 2025-07-15 15:44
煜火
阅读(202)
评论(0)
推荐(0)
摘要：
active-class 是 Vue Router 提供的一个自定义激活 class 名的属性，它是 <router-link> 组件中的专用属性。 1. 属于哪个组件？ active-class 是 <router-link> 组件 的一个 prop。 2. 有什么用？ 当 <router-lin 阅读全文
posted @ 2025-07-14 17:50
煜火
阅读(33)
评论(0)
推荐(0)
摘要：
$route vs $router 的区别 对象 说明 常用用途 $route 当前路由对象（"在哪里"） 获取路径、参数、查询、hash 等信息 $router 路由实例对象（"怎么走"） 进行页面跳转（push、replace 等） $route是状态，$router是行为。 $route（当前 阅读全文
posted @ 2025-07-11 17:25
煜火
阅读(42)
评论(0)
推荐(0)
摘要：
这是一个很常见也很重要的问题！下面是 params 和 query 在 Vue Router（Vue 2 & 3 通用）中的区别详解： 区别如图 类型 示例 URL 获取方式 特点 params /user/123 this.$route.params.id 动态路径参数，必须配置在路由中 quer 阅读全文
posted @ 2025-07-10 17:49
煜火
阅读(71)
评论(0)
推荐(0)
摘要：
在 Vue Router 中，动态路由是指在路径中使用变量（占位符）来匹配不同的页面或组件内容。 一、定义动态路由 在 Vue Router 配置中使用 : 定义动态参数，例如： // router/index.js import { createRouter, createWebHistory } 阅读全文
posted @ 2025-07-09 17:19
煜火
阅读(149)
评论(0)
推荐(0)
摘要：
Vue Router 中有 三种主要的路由守卫（导航守卫），用于在路由跳转过程中进行拦截、校验或执行逻辑。 一、全局守卫（Global Guards） 1. beforeEach 在每次导航前触发。 可用于权限验证、登录状态检查等。 router.beforeEach((to, from, next 阅读全文
posted @ 2025-07-08 17:06
煜火
阅读(140)
评论(0)
推荐(0)
浙公网安备 33010602011771号