摘要:
在 Vue(尤其是 Vue2)中使用插件的步骤主要包括以下 3 步: 一、引入插件(import / require) import MyPlugin from 'my-plugin' 如果是 UMD 格式的插件,也可以通过 <script src="..."> 方式引入。 二、使用 Vue.use 阅读全文
posted @ 2025-07-30 16:45
煜火
阅读(27)
评论(0)
推荐(0)
摘要:
Vue 2.0 默认支持 IE9 及以上版本,但具体说明如下: Vue 2.x 的 IE 浏览器支持情况: 浏览器版本 支持情况 说明 IE9 ✅ 支持 需要 polyfill,不支持组件 v-model(表单绑定)在某些场景 IE10 ✅ 支持 基本兼容,建议至少用这个版本 IE11 ✅ 完整支持 阅读全文
posted @ 2025-07-28 17:17
煜火
阅读(144)
评论(0)
推荐(0)
摘要:
在 Vue(包括 Vue 2 和 Vue 3)中,模板中的 HTML 注释默认不会被渲染到最终的 DOM 中,这是 Vue 编译器的行为。它会忽略掉模板中的 <!-- ... --> 注释,只渲染实际的 DOM 元素。 问题背景示例: <template> <div> <!-- 这是注释 --> < 阅读全文
posted @ 2025-07-24 16:39
煜火
阅读(41)
评论(0)
推荐(0)
摘要:
Vue.js Template 编译流程简析 vue 模板并不是直接运行的 HTML,而是经过 编译器把模板字符串编译成渲染函数(render function),然后通过虚拟DOM(VNode)和响应式数据驱动视图更新。 1. 模板 (Template) <template> <div>{{ me 阅读全文
posted @ 2025-07-23 17:47
煜火
阅读(19)
评论(0)
推荐(0)
摘要:
在 Vue 中实现动画非常方便,Vue 提供了专门的 <transition> 和 <transition-group> 组件,用于给元素或组件添加进入、离开、切换的过渡动画。 一、最基础的动画:使用 <transition> 实现显示/隐藏过渡 <template> <div> <button @ 阅读全文
posted @ 2025-07-22 15:14
煜火
阅读(27)
评论(0)
推荐(0)
摘要:
在 Vue 项目中,跨域问题一般出现在你前端代码请求后端接口时,例如: axios.get('http://api.example.com/data') 如果前后端不是同一个源(协议+域名+端口),就会触发浏览器的CORS(跨域资源共享)限制。 Vue 项目实现跨域的常见方法 Vue CLI 提供了 阅读全文
posted @ 2025-07-21 16:48
煜火
阅读(71)
评论(0)
推荐(0)
摘要:
在 Vue Router 中,编程式导航是指通过 JavaScript 代码控制路由跳转,而不是使用 <router-link> 这样的声明式导航。 一、常用方法(基于 Vue Router 4) 编程式导航主要通过 router 实例提供的方法实现,常用的有以下几个: 1. router.push 阅读全文
posted @ 2025-07-17 18:01
煜火
阅读(62)
评论(0)
推荐(0)
摘要:
以下是 Vue Router(适用于 Vue 2 和 Vue 3 中的大多数配置)中常用的路由配置项,以及它们的作用说明: 由配置项常用属性及说明 属性名 类型 说明 path String 路由路径,访问地址,例如 /login、/user/:id name String 路由名称,配合 this 阅读全文
posted @ 2025-07-16 17:54
煜火
阅读(26)
评论(0)
推荐(0)
摘要:
Vue 的路由实现有两种主要模式:Hash 模式 和 History 模式,它们是通过 Vue Router 实现的。 一、Hash 模式(默认) URL 形式: http://example.com/#/home 特点: 使用 #(hash)符号后面的部分作为路由路径。 浏览器只会识别 # 前面的 阅读全文
posted @ 2025-07-15 15:44
煜火
阅读(233)
评论(0)
推荐(0)
摘要:
active-class 是 Vue Router 提供的一个自定义激活 class 名的属性,它是 <router-link> 组件中的专用属性。 1. 属于哪个组件? active-class 是 <router-link> 组件 的一个 prop。 2. 有什么用? 当 <router-lin 阅读全文
posted @ 2025-07-14 17:50
煜火
阅读(41)
评论(0)
推荐(0)
浙公网安备 33010602011771号