陈旭阳

虚拟DOM（一）二、什么是虚拟DOM,为什么要使用虚拟DOM首先:虚拟DOM(vdom) 就是用JS来模拟DOM结构的树形结构。JS模拟DOM结构 <ul id='list'> <li class='item'>Item 1</li> <li class='item'>Item 2</li> </ul&...

虚拟DOM(二)应用核心API和diff算法如何使用虚拟DOM这里我们使用snabbdom来演示snabbdom[snabbdom]https://github.com/snabbdom/snabbdomsanbbdom 中有一个lnline examplevar snabbdom = require('snabbdom');var patch = snabbdom.init([ //...

Vue 实现流程首先拔一张官方的图VUE-IMG解析模版为render函数,返回vnode<!-- HTML --><div id="app"> <div> <input type="text" v-model="title"> <button @click=&quo

Vue响应式原理vue实现响应式原理的核心是Object.defineProperty。因为Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。当我们将一个普通的Javascript对象传给实例的data选项，Vue会遍历此对象的所有属性，并且使用Object.defineProperty把这些属性全...

Vue模版解析首先我们来写一个Vue的todo-list<!-- HTML --><div id="app"> <div> <input type="text" v-model="title">