vuejs 内置组件 component 实现 tab 切换懒加载和表单输入框内容的清空
vuejs 内置组件 component 的使用
vue 的双向绑定原理及实现
vue 的双向绑定原理及实现
Vue.js 2.0 快速上手精华梳理
自从Vue2.0发布后，Vue就成了前端领域的热门话题，github也突破了三万的star，那么对于新手来说，如何高效快速的学习Vue2.0呢。 Vue基础 对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。 先按文档顺序最少学习完组…
Vuex 源码分析
之前大致分析过了 vue-cli 源码 和 vue-router 源码, 这两个工具也是 vue 生态中比较重要的组件. 而最近因为业务上的需要, 接触到了 vuex 的一些组件源码. vuex 集中于MVC模式中的Model层, 规定所有的数据操作必须通过 action – mutation – state change 的流程来进行, 再结合 vue 的数据视图双向绑定特性来实现页面的展示更新:
合格前端系列 —— 如何监听一个数组的变化
上一篇文章我们实现了一个属于自己的简易 MVVM 库，里面实现了一个 mvvm 库应有基本功能，里面对数据进行了数据劫持，但是仅仅只是对对象进行了数据劫持，并没有实现数组的一个监听。今天我将带着大家实现数组的 observe。
『翻译』基于 Vue.js 与 Webpack 的三种代码分割范式
代码分割是提升单页应用初始加载速度的重要方式之一。因为用户不用在第一次进入应用时下载所有代码，用户能更快的看到页面并与之交互。这会改善用户体验，尤其在移动端；而且这对 SEO 有很大帮助，因为 Google 会降低加载速度慢的网站权重。 上周我写了一篇关于Vue.js 与 We…
饿了么组件库element-ui正则表达式验证表单，后端验证表单。
老是遇到一些朋友问一些element-ui组件使用相关的基础问题，因为官方文档上并没有提供所有琐碎的功能代码demo。从这里开始我会根据我实际遇到的问题记录一些常见的官方文档没有详述的功能代码，供给大家拓展思路。
- 以中国大陆手机号验证为例 在element-ui的源码中搜…
流程图解MVVM双向绑定原理
六张图描述mvvm双向绑定实现过程
Vue.js 依赖收集
因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershut…。 在学习过程中，为Vue加上了中文的注释http…
从Vue.js源码看异步更新DOM策略及nextTick
因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。 文章的原地址：https://github.com/answershut…。 在学习过程中，为Vue加上了中文的注释http…
Vue 源码阅读笔记 第一篇
今天又是一个读书的好天气，我打开电脑，总想做些什么，过了一会儿，却又意兴阑珊, 突然想起 Vue，就想着来学习一下。
我去翻了一番，里面的设计思想着实让我的视野开阔了不少，然后赶紧动手把这些东西记下来，就形成了这一篇文章。
Vue 一共九千多行代码，这只是 Vue 源码开头的一个很小的部分。
我打算专门学习一下 Vue，毕竟这个东西对于我们这种小白来说，很陌生，我也很想要知道它的实现流程是什么，所以需要不断地做笔记。
如果你也想要和我一起学习，共同进步，请关注我吧！我只要有时间，就会去写读 Vue 源码时的笔记的。
Vue2 原理浅谈
本文重点讲述Vue2渲染的整体流程，包括数据响应的实现（双向绑定）、模板编译、virtual dom原理等，希望读者看完有所收获。 前者固然直接，但是当应用变得复杂则代码将难以维护，而后者框架帮我们实现了一系列的操作，无需管理过程，优势显然可见。 为了实现这一点，就是实现如何输…
Vue 响应式原理深入浅出（一)
很久之前就想写一点自己对 Vue 的理解，虽然谈不上深刻，但是毕竟对所用的东西有一点好奇，如果你跟我一样，对 Vue 响应式原理有那么一点好奇，那么我们一起来研究一下吧。
Vue中的路由：分页获取数据以及路由更新
最近一直在忙着做项目，也渐渐开始有些疲倦了，感觉如果一直做一些重复的事情，还真的是很容易厌倦的，所以也是时候停下来，总结一下自己这段时间遇到的一些小问题以及一些小感悟吧。项目中用到的是vue，但其实说实话，对于其背后的核心以及真正的理念，自己还不是很清楚，就先通过做项目，了解一…
用原生 JS 实现双向绑定及应用实例
写在前面： 所谓的双向绑定，无非是从界面的操作能实时反映到数据，数据的变更也能实时展现到界面。angular封装了双向绑定的方法，使双向绑定变得十分简单。但是在有些场景下（比如下面那个场景），不能使用angular来实现双向绑定，需要我们使用js来实现双向绑定。 需求场景： 写…
vue之nextTick全面解析
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
深入浅出基于“依赖收集”的响应式原理
每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。然而，其内部深层的响应式原理可能很多人都没有完全理解…
【译文】四种使用webpack提升Vue应用的方式
作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: https://sunyuhui.com 译者注：本篇文章所提到的几个措施大家可能都曾经在项目里用过，但是就如作者所言：你只是在用，并不知道为什么用，本文最大的价值在…
