![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
-只争朝夕-
世界上有两种人,一种人昼夜不停高速运转,另一种人睡一觉起床才发现世界变了
展开
-
虚拟DOM(一)
虚拟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&...原创 2019-01-20 00:19:34 · 1587 阅读 · 0 评论 -
虚拟DOM(二)
虚拟DOM(二)应用核心API和diff算法如何使用虚拟DOM这里我们使用snabbdom来演示snabbdom[snabbdom]https://github.com/snabbdom/snabbdomsanbbdom 中有一个lnline examplevar snabbdom = require('snabbdom');var patch = snabbdom.init([ //...原创 2019-01-20 00:20:55 · 161 阅读 · 0 评论 -
Vue 实现流程(三)
Vue 实现流程首先拔一张官方的图VUE-IMG解析模版为render函数,返回vnode<!-- HTML --><div id="app"> <div> <input type="text" v-model="title"> <button @click=&quo原创 2019-01-23 03:03:43 · 3815 阅读 · 0 评论 -
Vue 实现流程-响应式原理(一)
Vue响应式原理vue实现响应式原理的核心是Object.defineProperty。因为Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。当我们将一个普通的Javascript对象传给实例的data选项,Vue会遍历此对象的所有属性,并且使用Object.defineProperty把这些属性全...原创 2019-01-23 03:04:43 · 1170 阅读 · 0 评论 -
Vue实现流程-模版解析(二)
Vue模版解析首先我们来写一个Vue的todo-list&lt;!-- HTML --&gt;&lt;div id="app"&gt; &lt;div&gt; &lt;input type="text" v-model="title"&gt;原创 2019-01-23 03:05:36 · 571 阅读 · 0 评论