自从React，Vue等前端框架在市面上大量使用之后，组件化开发逐渐成为了前端主流开发方式，今天我就在这里给大家分享一下在我们平时的开发中我们自己应该如何去封装组件。主要从以下三个方面给大家讲解

前几天写了vue组件通信中的几种方法看这里vue组件各种通信方式 今天补充: v-modle双向绑定传值 1.v-modle原理:绑定value属性,监听input事件 <Child :value="

在性能优化上，最常见的手段就是缓存。对需要经常访问的资源进行缓存，减少请求或者是初始化的过程，从而降低时间或内存的消耗。Vue 为我们提供了缓存组件 keep-alive，它可用于路由级别或组件级别的缓存。 但其中的缓存原理你是否了解，组件缓存渲染又是如何工作。那么本文就来解析…

上篇文章已经研究了Template转成render函数的过程，那么，本篇文章就接着研究render函数是如何生成标准的DOM，并且Vue是如何更新视图的。在了解了实现原理之后，尝试自己动手实现。

区别我们先讲完属性类型后再来看。 [[Configurable]] 字面理解是表示属性是否可配置——能否修改属性；能否通过delete删除属性；能否把属性修改为访问器属性。 [[Enumerable]]能否通过for-in循环返回该属性。 第1、第2种对于属性的赋值是一样的，不…

本文先来讲解vue实现数据双向绑定的第一步：如何检测到Data的变化。 我们修改obj.a = 3, 那怎样才可以监听到这个改变呢？我们很容易想到大名鼎鼎的Object.defineProperty()。Object.defineProperty() 方法会直接在一个对象上定义…

我们来百度一下 搜索Object.defineProperty()的缺点 我们来看下前四个怎么说的 第一个 第二个 第三个 第四个 排名前几的答案都差不多 我们来看看vue官网的解释 官网上并没有明确

diff 用于精细化对比，最小量更新；虚拟 DOM 则是用 js 对象描述 DOM 的层次结构。DOM 中的一切属性都在虚拟 DOM 中有对应的属性。

前言： 去年花了几天时间尝试解读vue源码，可惜基础不够再加上项目压着，无疾而终。今年继续挑战~，let‘s go 本文算是自己学习源码的一篇整合笔记，会直接跳过很多细节，先把整体逻辑理一遍。 在原型链上找到了它。 3. mergeOptions整合、初始化部分属性 在接收到o…