vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

今天，Vue Router 4 正式发布稳定版本。 在经历了 14 个 Alpha，13 个 Beta 和 6 个 RC 版本之后，Vue Router v4 闪亮登场，为你带来了 TypeScript 集成、新功能以及对现代应用程序的一致性改进，已经准备好成为 Vue3 新应…

在JavaScript或template/css(vue)中通过相对路径导入。这类资源会被webpack处理（不在public目录） 放在public目录或者使用绝对路径被导入的静态资源。这类资源会被直接拷贝，不会经过webpack处理 将预设配置写在vuerc的'preset…

为什么需要架构模式？当数据有变更，我们可以用JS或者jQuery操作DOM。随着应用程序越来越复杂，需要在JS里面维护的字段也越来越多，需要监听事件和在事件回调用更新页面的DOM操作也越来越多，应用程序会变得非常难维护。 后来人们就想出使用了MVC、MVP的架构模式，希望能从代…

MVC是一种设计模式，它将应用划分为3个部分：数据(模型)、展示层(视图)和用户交互层。结合一下下图，更能理解三者之间的关系。 模型：用来存放应用的所有数据对象。模型不必知晓视图和控制器的细节，模型只需包含数据及直接和这些数据相关的逻辑。任何事件处理代码、视图模版，以及那些和模…

在使用vue开发过程中经常会接触到生命周期的问题，但对于每个钩子函数都做了什么，应用场景比较模糊，希望通过这次梳理让自己清楚一些。初次写文章，有不对的地方还望各位多多指正！ 1. vue实例化过程 Vue 初始化主要就干了几件事情，合并配置，初始化生命周期，初始化事件中心，初始…

作为一个曾经的Java coder, 当我第一次看到js里面的装饰器(Decorator)的时候，就马上想到了Java中的注解，当然在实际原理和功能上面，Java的注解和js的装饰器还是有很大差别的。本文题目是Vue中使用装饰器，我是认真的，但本文将从装饰器的概念开发聊起，一起…