最新消息:最新信息可以到系统基本设置里填写,如果不想要这一栏可以修改head.htm,将第53行到55行删除即可

Vue核心原理知识点

创意新鲜 dedesos.com

数据署理
1.经过一个目标署理对另一个目标中特点的操作
2.经过vm目标来署理data目标中一切特点操作
3.优点:更便利的操作data中的数据
4.根本完成流程
1 经过Object.defineProperty给vm增加与data目标的特点对应得特点描述符
2 一切增加的特点都包括getter/setter
3 在getter/setter内部去操作data中对应的特点数据








模板解析用来初始化显现
1.模板解析的要害目标:compile.js
2.模板解析的根本流程
1 将el的一切子节点取出,增加到一个新建的文档fragment中
2 对fragment中的一切层次子节点递归进行编译解析处理
对插值语法文本进行解析
对元素节点的指令特点进行解析
事情指令解析
一般指令解析
3 将解析后的fragment增加到el中显现
3.解析大括号表达式文本节点 {{name}} textnode textContent = value
1 依据正则目标得到匹配出的表达式字符串:子匹配/RegExp.$1
2 从data中取出表达式对应的特点值













4.事情指令解析
1 从指令名中取出事情名
2 依据指令的值从methods中得到对应的事情处理函数目标
3 给当时元素节点绑定指定事情名和回调函数的事情监听
4 指令解析完后,移除此指令特点





5.一般指令解析
1 得到指令名指令值
2 从data中依据表达式得到对应的值
3 依据指令名确认需求操作元素节点的什么特点
v-text textContent特点
v-html innerHtml特点
v-class className特点
4 将得到的表达式的值设置到对应的特点上
5 移除元素的指令特点









    与本文相关的文章

    网友最新评论