Vue2.x 全家桶核心知识盘点

前言 随着时间的推移，前端开发越来越复杂，技术栈也是层出不穷，各种工程化，模块化也成了前端开发的必经之路，为了更好的团结协作，开放扩展，后期维护，各司也都有制定独有的开发规范，在这里呢，我就分享一下我

vue2, Typescript , 那就是由社区基于 `vue-class-component` 装饰器的二次封装 `vue-property-decorator`, 它也是今天我们要分享主要内容

前边有分享过 React 的工作原理，那么 Vue 又是怎样的编译原理呢，经过几天的翻阅，视频，现在来分享给大家，共勉 。 重要 依次截取下去，当遇到开始标签的时候就去创建一个 ast 对象，当遇到结束标签，则把当前对象记录在全局上，如此循环，就会形成一个多层的 AST 对象，…

使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象 // 创建 Profile 实例，并挂载到一个元素上。 通过看源码的整个过程，可以看出来，正如官方案例所讲：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象

老样子，Vue.use("vue-router") 会直接执行 install 初始化进行安装插件，这里我就不多做解释了，不太理解的童鞋可以去前章看一下简单的介绍。 好，install 初始化写的很清楚，跟 vuex 非常相似，都是安装，注册相关组件，通过mixin在生命周期创…

好了，基本就是这些东西；通过官方文档我们知道，每一个vue插件都需要有一个公开的install方法，vuex也不例外。我们一步步分析 整个js文件里没有什么多余的东西，就是导入和导出，我们回头想一下，使用第三方插件是不是都需要安装啊，其实就是那句 Vue.use(插件) ，Vu…

src/core/observer.scheduler.js 164行 ，主要就是实现一个 watcher 队列 ，每一次的 update 都放入到队列中，然后进行统一异步处理 。 看代码： 好了，通过源码简单的分析，明白为啥 vue 为啥采用异步更新了吧，原因很简单，因为vu…

Vue 将 data 中的数组，通过函数劫持的方式，进行了原型链重写；指向了自己定义的数组原型方法，这样当调用数组 api 时，可以通知依赖更新.如果数组中包含着引用类型；会对数组中的引用类型再次进行监测。

使用Vue技术栈也有2年了，对里边的各种API，属性，内置组件封装可以说是非常熟练了，一直知道双向数据绑定的原理是通过数据劫持，结合发布-订阅的方式来实现的；可理论始终是理论，忍不住还是动动小手撸了一把 ； 请大家尽管吐槽吧 。 我们先来看一张图，相信大家在不少的博客，贴吧，论…

Vue 在初始化数据时，会给 data 中的所有属性使用 Object.defineProperty 重新定义 setter 和 getter , 当页面获取到对应属性时，会触发 get 方法并进行依赖收集（收集当前组件的watcher） 如果属性发生变化会通知相关依赖，触发对…