1、vue2.0的双向绑定是基于Object.defineProperty(属性描述器)实现的,核心是get、set方法,分别在读取、修改的时候触发,形成一种数据劫持状态,vue的很多操作都是在这个阶段完成的。
2、vue的模板解析是基于document.createDocumentFragment实现,首先创建一个文档碎片(它享有dom元素的大部分属性和方法),然后把所有的新结点附加在其上,生成我们要渲染的html结构,挂载于节点上。
3、在解析模板过程中,我们要处理的节点列表是一个类数组,在处理前,需要将其转化为数组有三种方法:a: Array.prototype.slice.call();b:Array.from();c: [...document.querySelectorAll('p')]
<!--index.html-->
<!DOCTYPE html>
<html lang="en">
<head>
<