对于 SSR 服务端渲染这个概念稍有经验的开发应该都不陌生，官方文档 Vue SSR 指南 对于什么是服务端渲染、为什么使用服务端渲染以及什么时候使用服务端渲染已经说的很清楚了，结合一张经典的构建过程总结关于 SSR 的基本知识。

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这样一种技术？它给我们带来了什么样的好处、问题和挑战呢？