不知道你有没有注意到，Vue 在每次新版本发布时，版本号后面都会跟一个英文的版本名称，这些名称都是什么意思呢？本文就来揭秘 Vue.js 那些有趣的版本名称！图片可以看到，Vue.js 版本名称多数来自漫画和动漫，其中大部分属于科幻类。Vue.js 0.6：VueJS2013 年 12 月 8 日，
2024-01-04
大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~背景Vue3 有一个 API，可能很多人都用过，那就是 watchEffect，他的功能跟 watch 有点类似，但又有些不一样，用法如下，它会去自动收集依赖的响应式数据，响应式数据一变，就会触发函数的重新执
2024-01-04
scope样式隔离在 Vue 中，样式隔离是通过 scoped 特性实现的。当在一个组件的 标签上添加 scoped 特性时，Vue 会自动为这个样式块中的所有选择器添加一个唯一的属性，以确保这些样式只对当前组件生效，从而达到样式隔离的效果。以下是 scoped 样式隔离的基本原理：「唯一属性添加
2024-01-04
引言随着2024年的临近，Vue团队的领军人物Evan You宣布了Vue.js 3.4的发布。这个版本不仅仅是修复了一些bug，还带来了一些非常实用的新功能和性能提升。主要更新内容解析速度提升2倍这次更新中，Vue.js 3.4实现了解析速度的大幅提升。尤其是在构建模板和脚本的源代码映射时，单文件
2024-01-02
Vue 3.4 已正式发布，代号"🏀 Slam Dunk"（灌篮高手）。 新版本主要变化 重写模板解析器，速度提升了 2 倍 重构响应性系统 (Reactivity System)，让 effect 的触发更准确高效 优化 API，比如defineModel进入稳定阶段，以及绑定
2024-01-02
在新的一年即将到来之际，尤雨溪于日前发文提醒 Vue 社区称，Vue 2 将于 2023 年 12 月 31 日达到生命周期结束 (EOL)；并呼吁还在使用 Vue 2 的开发团队考虑迁移至最新的 Vue 3版本。 Vue 2.0 于 2016 年发布，距今已有 7 年多的时间。尤雨溪表示，2.0
2023-12-31
近日，Vue 新一代开发者工具（DevTools）正式开源！Vue DevTools 是一个旨在增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用。下面就来看看新一代 Vue DevTools 的功能和使用方法！图片功能首先来看看 Vue DevTools 中都有
2023-12-30
1.为什么需要使用$nextTick?首先我们来看看官方对于$nextTick的定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。由于vue的试图渲染是异步的，生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTic
2023-12-29
大家好，这里是大家的林语冰。老粉都知道，我们之前已经在《Vue 2 将死》中已经提及 Vue 2 今年年底将全面停止维护，且最终版即将发布，只打补丁，不再增量更新任何新功能。圣诞节前夕，平安夜之际，Vue 团队正式官宣 —— Vue 2 最后一个补丁版本 Vue@2.7.16 正式发布，版本代号“S
2023-12-27
错误做法在升级 Vue 3 的过程中，Vue 团队有一些做的不好的地方，也从中吸取了一些教训。太多破坏性更改首先，每个变更都可能引发许多小的破坏性修改。尽管看似可以单独管理每项变更，但由于变更之间存在关联，因此复杂性呈指数级增长。由此认识到：要对于想要更改或删除的内容，确保其正常运行后再进行修改。对
2023-12-20
介绍：由于我在工作的公司中角色和职责的变化，作为后端开发人员的我在去年年底选择了 Vue.js。当我深入研究时，我发现 Vue.js 非常有趣。它不像 Angular 那样有很高的学习曲线，而且比 React 更轻量和灵活。Vue.js 绝对是一个用于构建用户界面的强大 JavaScript 框架。
2023-12-19
随着 2024 年的临近，在此提醒大家，Vue 2 将在 2023 年 12 月 31 日到达生命周期终点（EOL）。Vue 2.0 发布于 2016 年，已经有超过 7 年的历史，它是 Vue 框架成为主流的重要里程碑。许多当前的 Vue 用户都是在 Vue 2 时期就开始使用 Vue 的，并且有
2023-12-16
大家好，本篇文章我们继续学习和 Vue 相关的内容，今天我们归纳总结下如何使用 watch 监听组件中的数据变化，以及 computed 和 watch 的区别。什么是 watch，以及如何使用？watch 是 Vue.js 中用于监听数据变化的一种机制。它允许我们在数据发生变化时执行特定的操作。在
2023-12-14
为什么要这样做？原生 localStorage 只能监听同源跨不同页面的变化。然而，对于单页面应用程序来说，这种方式并不实用。因此，我打算创建一个自定义钩子来监视 localStorage 中的变化。方法我们需要重写 localStorage 下的所有方法，以便无论何时使用它们都可以被观察到。这就需
2023-12-11
免责声明本文属于是语冰的直男翻译，略有删改，仅供粉丝参考，英文原味版请临幸 7 Best Tools for Vue.js Micro Frontends[1]。微前端彻底改变了 Web App 的构建和维护方式。使用正确的工具集，Vue 爱好者可以轻松克服微前端的“管理危机”，并释放组件驱动开发的
2023-12-07
12 月 5 日，由 Vue 团队打造的下一代测试框架 Vitest 正式推出 1.0 版本！Vitest 于 2021 年 12 月推出，至今已经过去了两年的时间，其发展速度可谓是非常迅速，目前在 npm 下载量已经达到了每周 250w，并且还在呈现快速增长的趋势，Github Star 数量达到
2023-12-07
快速初始化Vue项目在学习之前，我们先通过引入JS文件的方式快速初始化一个 Vue 项目，首先我们先打开 VsCode 编辑器，具体步骤如下：新建一个文件夹。新建index.html、style.css 和 index.js 文件。新建个lib目录，把下载好的 vue.global.js 文件放在这
2023-11-29
对于前端开发领域来说，Vue.js 的世界在不断快速发展。本文就来尝试预测一下 2024 年 Vue 可能的发展方向。Vue 2 结束支持随着 Vue.js 社区不断发展，Vue 2 将于 2023 年 12 月 31 日结束支持，达到生命周期结束（EOL），这标志着更先进版本的到来。随着这个重要转
2023-11-29
Vue 3作为一种流行的JavaScript框架，一直以来都在努力提供更便捷、灵活的开发体验。本文将深入解析Teleport，包括其详细的使用方法、源码实现机制以及在实际项目中的应用场景。一、Teleport是什么？Vue 3中的Teleport允许开发者将组件的内容渲染到DOM树中的不同位置，实现
2023-11-29
大家好，从本篇文章起，我将从 Vue 最基础的内容开始梳理相关，本篇文章我将聊一聊什么是 Vue ,以及如何引入 Vue3 框架，以及一些开发环境的配置。Vue.js 是什么？解决了哪些问题？Vue.js 是一个开源的 JavaScript 框架，用于构建用户界面。它的目标是通过尽可能简单的 API
2023-11-28