计算属性是基于响应式依赖进行缓存的，只有在相关响应式依赖发生改变时才会重新求值，这种缓存机制在求值消耗比较大的情况下能够显著提高性能。 Vue 在做数据初始化时，通过 initComputed() 方法初始化计算属性。 首先将变量 watchers 与变量 _computedW…

Vue是数据驱动的框架，在修改数据时，视图会进行更新。数据响应式系统使得状态管理变的简单直接，在开发过程中减少与DOM元素的接触。而深入学习其中的原理十分有必要，能够回避一些常见的问题，使开发变的更为高效。 Vue使用观察者模式（又称发布-订阅模式）加数据劫持的方式实现数据响应…

Vue本质是上来说是一个函数，在其通过new关键字构造调用时，会完成一系列初始化过程。通过Vue框架进行开发，基本上是通过向Vue函数中传入不同的参数选项来完成的。参数选项往往需要加以合并，主要有两种情况： Vue函数定义在 /src/core/instance/index.j…

Vue2.0 与 Vue1.0最大的区别就是使用了 Virtual DOM 。使用虚拟DOM的好处主要有两点： 在具体介绍虚拟DOM之前，先找到DOM挂载方法的位置与生成的过程。 Vue的DOM挂载是在一系列初始化之后进行的，初始化方法 _init 定义在 /src/core/…

在使用Vue进行实际开发的过程中，大多数时候使用模板来创建HTML，模板功能强大且简洁直观，最终模板会编译成渲染函数，本文主要介绍模板编译的具体过程。 Vue从能否处理 template 选项的角度分为两个版本：运行时+编译器、只包含运行时。运行时+编译器版本也被称为完整版。只…

在阅读 nextTick 的源码之前，要先弄明白 JS 执行环境运行机制，介绍 JS 执行环境的事件循环机制的文章很多，大部分都阐述的比较笼统，甚至有些文章说的是错误的，以下为个人理解，如有错误，欢迎指正。 GUI 渲染线程解析 html 生成 DOM 树，解析 css 生成 …

我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一些知识点归纳一下。每个详细的点仍需自己花时间学习。 相信看过 Vue、Vuex 等源码的人都知道…

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663

传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，用户体验不好。现在的应用都流行SPA应用（single page application），单页面应用就是用户通过某些操作更改地址栏u…