Vue.js 以其简单易用的特点而被广泛使用，本篇文章将会重点介绍在 Vue.js 应用中的一些 API 使用方法和使用场景，希望能给你带来一些帮助。

本文以一个点击 vue 页面元素跳转到对应 vscode 代码的 loader 和 plugin 开发实战，讲述 webpack loader 和 plugin 开发的简单入门。

通过本文，你可以对 webpack 的 loader 和 plugin 有一个更清晰的认知，以及如何开发一个 loader 和 plugin，同时也穿插了一些 vue、css、node 方面的一些相关知识，扩充你的知识面。

官方介绍就是： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 相似， 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。

当组件在 内被切换时，它的 mounted 和 unmounted 生命周期钩子不会被调用，取而代之的是 activated 和 deactivated。

简单理解就是说我们可以把一些不常变动的组件或者需要缓存的组件用包裹起来，这样就会帮我们把组件保存在内存中，而不是直接的销毁，这样做可以保留组件的状态或避免多次重新渲染，以提高页面性能。

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

前端开发中，无论是 React 还是 Vue 框架，列表项都要使用唯一的 key，很多人会直接使用 index 作为 key，而并不知道 key 的原理。这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key。

1. vue文件是如何转换成DOM节点，并渲染到浏览器上的？
2. 数据更新时，整个的更新流程又是怎么样的？

关于 vue3，虽然之前很早就看过了，但是也只是简单的了解一番写了几个小 demo，而且我司的主要技术栈也是 vue, 近期趁着这股学习的劲，赶紧向上申请了一个内部项目，想着用 vue3 实践一波，希望这一篇总结对一些小伙伴提供一些帮助。

以下主要会从两部分去做总结,一部分是可能混淆的点 or 一些常见的问题，另外一部分是实践过程中遇到的坑点/注意点。

说到Diff，我们可能首先想到的就是Vue或者React中的一种更新算法，目的就是为了找出差异更新DOM树。而算法本质上是一类问题的最优解，Diff本身是差分、不同的意思，还有诸如字符串或者JSON的Diff，Linux系统中经典的文件Diff。这里我们要探讨的其实就是树的Diff,它的发展历程其实是经过了很长的一段时间。

身为前端工程师，势必听过这个问题：“Vue 与 React 有什么区别？” 的确，Vue和React都是目前最流行、生态最好的框架，整体的功能也非常相似。

对此，我们组织了一次 diff 主题分享，采用奇葩说的模式，针对同一功能讨论下 vue 与react 的异同。本月主题将围绕以下角度带大家更深刻的认识vue和react框架: 组件及逻辑复用，diff算法，编译构建及运行，渲染。

vue与react都推崇组件式的开发理念，那么我们第一篇从组件开始，话不多说，直接进入本篇的正题：vue 组件及逻辑复用的源码解析。

本文的初衷是想让更多的同学知道并了解vue模版编译，所以文中主要以阶段流程为主，不会涉及过多的底层代码逻辑，请耐心观看。

【vue3源码分析】讲透响应式原理。

Vue.js 中常用的 Slots 功能是如何设计和实现的。

本文介绍了为什么需要Vue组件文档自动生成工具，以及如何对Vue组件进行解析，从解析的结果中如何获取到我们想要的信息，进而利用获取到的信息生成文档。

文章篇幅较长， 建议花整块时间阅读分析。 另外由于篇幅过长， 本文分三篇文章产出， 便于大家理解与阅读。

好大夫在线为什么需要落地Vue-SSR这样一种技术？它给我们带来了什么样的好处、问题和挑战呢？

互联网发展至今，数据的重要性已经不言而喻，尤其是在电商公司，数据的统计分析尤为重要，通过数据分析可以提升用户的购买体验，方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。

埋点按照获取数据的方式一般可以分为以下 3 种：

页面埋点：统计用户进入或离开页面的各种维度信息，如页面浏览次数（PV）、浏览页面人数（UV）、页面停留时间、浏览器信息等。

点击埋点：统计用户在应用内的每一次点击事件，如新闻的浏览次数、文件下载的次数、推荐商品的命中次数等。

曝光埋点：统计具体区域是否被用户浏览到，如活动的引流入口的显示、投放广告的显示等。

政采云前端团队（ZooTeam）通过浑仪系统实现数据采集及数据可视化，分析量化的能力，想了解浑仪系统或者还不了解埋点的同学可以先阅读前端工程实践之数据埋点分析系统。

浑仪系统的数据采集是基于代码侵入式埋点方案实现的，提供了自动发送和手动调用埋点信息上报接口发送两种方式实现埋点数据上报。其中页面埋点和点击埋点是使用自动上报的方式实现，在 DOM 节点挂载特殊属性，通过埋点采集 JSSDK 监听挂载了相应属性对应的事件，在事件触发时进行埋点数据上报。曝光埋点由于涉及到有效曝光逻辑的判断，自动上报不能满足相应的需求，所以我们采用手动调用接口方式进行埋点数据上报。