不知道你有没有注意到，Vue 在每次新版本发布时，版本号后面都会跟一个英文的版本名称，这些名称都是什么意思呢？本文就来揭秘 Vue.js 那些有趣的版本名称！ 图片 可以看到，Vue.js 版本名称多数来自漫画和动漫，其中大部分属于科幻类。 Vue.js 0.6：VueJS 2013 年 12 月 8 日，Vue 发布了第一个正式版本 0.6，版本名称为 VueJS。 图片 Vue.js 0.9：

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 背景 Vue3 有一个 API，可能很多人都用过，那就是 watchEffect，他的功能跟 watch 有点类似，但又有些不一样，用法如下，它会去自动收集依赖的响应式数据，响应式数据一变，就会触发函数的重新执行 图片 谨慎使用！ 我发现组员们很喜欢用watchEffect，他们的意思是watchEffe

scope样式隔离 在 Vue 中，样式隔离是通过 scoped 特性实现的。当在一个组件的  标签上添加 scoped 特性时，Vue 会自动为这个样式块中的所有选择器添加一个唯一的属性，以确保这些样式只对当前组件生效，从而达到样式隔离的效果。 以下是 scoped 样式隔离的基本原理： 「唯一属性添加：」 在编译过程中，Vue 会将样式块中的每个选择器都转换为一个带有唯一属性的选择器。例如，如

引言 随着2024年的临近，Vue团队的领军人物Evan You宣布了Vue.js 3.4的发布。这个版本不仅仅是修复了一些bug，还带来了一些非常实用的新功能和性能提升。 主要更新内容 解析速度提升2倍 这次更新中，Vue.js 3.4实现了解析速度的大幅提升。尤其是在构建模板和脚本的源代码映射时，单文件组件（SFC）的解析速度提升了44%。这意味着在整体构建过程中，虽然对总体时间的影响不大，但

Vue 3.4 已正式发布，代号"🏀 Slam Dunk"（灌篮高手）。 新版本主要变化 重写模板解析器，速度提升了 2 倍 重构响应性系统 (Reactivity System)，让 effect 的触发更准确高效 优化 API，比如defineModel进入稳定阶段，以及绑定 props 时的同名简写 更新亮点 解析器速度提升 2 倍，优化 SFC 构建性能 Vue 3.4 完全重写了模板解析

在新的一年即将到来之际，尤雨溪于日前发文提醒 Vue 社区称，Vue 2 将于 2023 年 12 月 31 日达到生命周期结束 (EOL)；并呼吁还在使用 Vue 2 的开发团队考虑迁移至最新的 Vue 3版本。 Vue 2.0 于 2016 年发布，距今已有 7 年多的时间。尤雨溪表示，2.0 版本是 Vue 成为主流框架历程中的一个重要里程碑。“然而，并行地主动维护两个主要版本对我们来说是不

近日，Vue 新一代开发者工具（DevTools）正式开源！Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用。下面就来看看新一代 Vue DevTools 的功能和使用方法！ 图片 功能 首先来看看 Vue DevTools 中都有哪些功能！ Overview：显示应用的概述，包括 Vue 版本、页面数量和组件数量。 图片

1.为什么需要使用$nextTick? 首先我们来看看官方对于$nextTick的定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 由于vue的试图渲染是异步的，生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中，原因是在created()钩子函数执行的时候DOM其实并未进行渲染，而此时

大家好，这里是大家的林语冰。老粉都知道，我们之前已经在《Vue 2 将死》中已经提及 Vue 2 今年年底将全面停止维护，且最终版即将发布，只打补丁，不再增量更新任何新功能。 圣诞节前夕，平安夜之际，Vue 团队正式官宣 —— Vue 2 最后一个补丁版本 Vue@2.7.16 正式发布，版本代号“Swan Song”（鸿鹄挽歌）。 图片 地球人都知道，去年 Vue 2 官宣了最后一个次版本 Vu

错误做法 在升级 Vue 3 的过程中，Vue 团队有一些做的不好的地方，也从中吸取了一些教训。 太多破坏性更改 首先，每个变更都可能引发许多小的破坏性修改。尽管看似可以单独管理每项变更，但由于变更之间存在关联，因此复杂性呈指数级增长。 由此认识到： 要对于想要更改或删除的内容，确保其正常运行后再进行修改。 对于新增的功能，应该有一个逐步引入的阶段。在这个阶段中，新的功能应该在特定标志下引入，允许

介绍： 由于我在工作的公司中角色和职责的变化，作为后端开发人员的我在去年年底选择了 Vue.js。当我深入研究时，我发现 Vue.js 非常有趣。它不像 Angular 那样有很高的学习曲线，而且比 React 更轻量和灵活。 Vue.js 绝对是一个用于构建用户界面的强大 JavaScript 框架。为了创建具有视觉吸引力的交互式用户界面，合并 UI 组件非常重要。 在这篇文章中，我将介绍我在工

随着 2024 年的临近，在此提醒大家，Vue 2 将在 2023 年 12 月 31 日到达生命周期终点（EOL）。 Vue 2.0 发布于 2016 年，已经有超过 7 年的历史，它是 Vue 框架成为主流的重要里程碑。许多当前的 Vue 用户都是在 Vue 2 时期就开始使用 Vue 的，并且有许多出色的项目是基于 Vue 2 构建的。 然而，同时维护两个主要版本对 Vue 团队来说不是可持

大家好，本篇文章我们继续学习和 Vue 相关的内容，今天我们归纳总结下如何使用 watch 监听组件中的数据变化，以及 computed 和 watch 的区别。 什么是 watch，以及如何使用？ watch 是 Vue.js 中用于监听数据变化的一种机制。它允许我们在数据发生变化时执行特定的操作。 在 Vue 中使用 watch 的方法如下： 在 Vue 组件中，定义一个 watch 对象，其

为什么要这样做？ 原生 localStorage 只能监听同源跨不同页面的变化。然而，对于单页面应用程序来说，这种方式并不实用。因此，我打算创建一个自定义钩子来监视 localStorage 中的变化。 方法 我们需要重写 localStorage 下的所有方法，以便无论何时使用它们都可以被观察到。这就需要一个事件机制来进行消息传递。 由于 Vue 3 删除了和emit 事件接口，我们可以使用 m

免责声明 本文属于是语冰的直男翻译，略有删改，仅供粉丝参考，英文原味版请临幸 7 Best Tools for Vue.js Micro Frontends[1]。 微前端彻底改变了 Web App 的构建和维护方式。使用正确的工具集，Vue 爱好者可以轻松克服微前端的“管理危机”，并释放组件驱动开发的全部潜力。 虽然但是，选择最佳工具集是一项挑战，因为有一大坨具有不同功能的工具。因此，在本文中，

12 月 5 日，由 Vue 团队打造的下一代测试框架 Vitest 正式推出 1.0 版本！ Vitest 于 2021 年 12 月推出，至今已经过去了两年的时间，其发展速度可谓是非常迅速，目前在 npm 下载量已经达到了每周 250w，并且还在呈现快速增长的趋势，Github Star 数量达到了 10.7k。 Vitest 是什么？ Vitest 是一个原生支持 Vite 的测试框架。Vi

快速初始化Vue项目 在学习之前，我们先通过引入JS文件的方式快速初始化一个 Vue 项目，首先我们先打开 VsCode 编辑器，具体步骤如下： 新建一个文件夹。 新建index.html、style.css 和 index.js 文件。 新建个lib目录，把下载好的 vue.global.js 文件放在这个目录下（下载地址：https://unpkg.com/vue@3.2.45/dist/vu

对于前端开发领域来说，Vue.js 的世界在不断快速发展。本文就来尝试预测一下 2024 年 Vue 可能的发展方向。 Vue 2 结束支持 随着 Vue.js 社区不断发展，Vue 2 将于 2023 年 12 月 31 日结束支持，达到生命周期结束（EOL），这标志着更先进版本的到来。 随着这个重要转折的到来，可以预期在明年内可能会大量使用组合式 API、Pinia、可组合函数和TypeScr

Vue 3作为一种流行的JavaScript框架，一直以来都在努力提供更便捷、灵活的开发体验。本文将深入解析Teleport，包括其详细的使用方法、源码实现机制以及在实际项目中的应用场景。 一、Teleport是什么？ Vue 3中的Teleport允许开发者将组件的内容渲染到DOM树中的不同位置，实现了组件内容在组件层次结构之外的渲染。这一特性为开发者提供了更大的灵活性，尤其在处理全局弹窗、模态

大家好，从本篇文章起，我将从 Vue 最基础的内容开始梳理相关，本篇文章我将聊一聊什么是 Vue ,以及如何引入 Vue3 框架，以及一些开发环境的配置。 Vue.js 是什么？解决了哪些问题？ Vue.js 是一个开源的 JavaScript 框架，用于构建用户界面。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 能够帮助开发人员构建单页面应用程序（SPAs