Vue2 进入/离开 & 列表过渡 发表于 2026-07-04 分类于 框架 , js 概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 阅读全文 »
Vue2 处理边界情况 发表于 2026-07-04 分类于 框架 , js 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 这里记录的都是和处理边界情况有关的功能,即一些需要对 Vue 的规则做一些小调整的特殊情况。不过注意这些功能都是有劣势或危险的场景的。我们会在每个案例中注明,所以当你使用每个功能的时候请稍加留意。 阅读全文 »
Vue2 动态组件 & 异步组件 发表于 2026-07-04 分类于 框架 , js 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 在动态组件上使用 keep-alive 我们之前在一个多标签的界面中使用 is attribute 来切换不同的组件: 阅读全文 »
Vue2 插槽 发表于 2026-07-02 分类于 框架 , js 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的 attribute。新语法的由来可查阅这份 RFC。 插槽内容 Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 <slot> 元素作为承载分发内容的出口。 阅读全文 »
Vue2 自定义事件 发表于 2026-07-02 分类于 框架 , js 该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。 事件名 不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件: 1this.$emit('myEvent') 阅读全文 »