十年，一个既漫长又短暂的时光跨度，对于技术世界来说，更是沧海桑田的瞬间。在这十年里，Vue.js 从无到有，从默默无闻到蜚声全球，不仅改变了前端开发的面貌，更成为了无数开发者手中的得力工具。

Vue 2.0在7年多前的2016年发布。它是Vue成为主流框架旅程中的一个重要里程碑。许多现在的Vue开发者是在Vue 2时代开始使用Vue的，有许多伟大的项目是用它建立的。

Vue 2.0 发布于 2016 年，已经有超过 7 年的历史，它是 Vue 框架成为主流的重要里程碑。许多当前的 Vue 用户都是在 Vue 2 时期就开始使用 Vue 的，并且有许多出色的项目是基于 Vue 2 构建的。

provide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据。通常情况下，我们在父组件中使用 provide 来提供数据，然后在子孙组件中使用 inject 来注入这个数据。

Vue Amsterdam 2023 于 2 月 8 日至 10 日举行（Vue Amsterdam 是世界上最大的 Vue.js 会议），这是 Vue.js 作者尤雨溪三年以来首次参加面对面 Vue 活动。

我们都知道在 vue 中 v-show 与 v-if 的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示，在用法上也是相同的，当表达式为true的时候，都会占据页面的位置

vue作为目前前端三大框架之一，对于前端开发者可以说是必备技能。掌握这些实用小技巧，可以让你事半功倍。路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。

Observer 数据劫持：1.data属性数据劫持；2.递归遍历data属性转为getter、setter； Object.keys() => 获取对象中的属性；3.数据变化发送通知；

Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理

Vue 本来就是以低门槛起家，市场定位的主要用户自然是中小型企业，还有很大一部分用量在 freelancer（自由职业开发者）和小型的 agency（外包公司？）手里，这些场景在大公司打工人的世界观里是不存在的，自然会形成一种认知落差。

Vue 和 React 都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。Vue 和 React 的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：

一般服务器分为本地环境，测试环境，正式环境，如果每次都要修改配置就很麻烦，总结一下我使用的方法，修改package.json文件的scripts，在打包的时候执行不同的命令

几年来看了不少 Vue 原理的文章，在这些文章的帮助下，我也多次尝试自己理解 Vue 的源码，终于，我觉得是时候自己输出一下内容了，希望可以从不同于其他文章的角度带大家熟悉 Vue。

能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个例子，如果这样写，加载的时候会全部都加载进来。

写作本文的起源在于，在分析 Vue 源码中 parseHTML 方法时，发现网上对其中正则的解析文章较少，找到的几篇文章也有些语焉不详。于是静下心逐个表达式分析了其中的正则，以备查看。