![](https://img-blog.csdnimg.cn/49a67e2f0e1f4d9495b29482536ad9fd.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 92
Vue
Vanghua
这个作者很懒,什么都没留下…
展开
-
Vue模板编译
1.模板编译流程1.1 模板编译在整个渲染过程中的位置1.2 模板编译的流程1.2.1 解析器:HTML解析器: 解析HTML代码。明确标签的父子节点(使用栈来维护父子节点关系,详细介绍可以参考另一篇博客“浏览器渲染”),明确有哪些标签,明确标签有哪些属性等等。文本解析器: 普通文本并不需要解析,这是用来解析模板中动态绑定的数据。过滤器解析器: 解析Vue使用的过滤器。解析器的输出: 解析器输出抽象语法树AST来描述节点信息和父子节点关系(关于AST的介绍可以参考另一篇博客“解释器和编译器原创 2022-02-14 13:27:38 · 2087 阅读 · 0 评论 -
Vue虚拟DOM
1.Vue中虚拟DOM的诞生原因1.1 Vue中的MVVM框架1. View: DOM和CSSOM是View部分,负责视图2. ViewModel: Vue框架是ViewModel部分,负责双向数据绑定3. Model: Vue框架下的JavaScript代码是是Model部分,负责提供数据和操作4. 双向数据绑定: 在“Vue深入响应式原理”这篇博客中,已经探究并实现了Vue中的数据绑定。即在ViewModel中实现绑定机制,使Model中的数据变化会导致View的变化。这是一个Model到Vi原创 2022-02-13 17:22:54 · 895 阅读 · 0 评论 -
Vue响应式原理
参考:<<深入浅出Vue.js>> 第二章 Object的变化侦测Vue2.x和Vue3.x官网关于<<深入响应式原理>>的介绍<<JavaScript权威指南(第七版)>>1.追踪对象变化的方法Vue2.x在组件创建时,Vue2.x系列使用了Object.defineProperty来给组件中的data的每个属性设置为访问器属性。效果是:访问器属性拥有setter,可以探测到属性值的修改缺点是:访问器属性具有局限性.原创 2022-02-07 21:49:30 · 1411 阅读 · 0 评论 -
Vue模块规范
参考并修改:https://blog.csdn.net/fyyyr/article/details/83657828https://webpack.js.org/configuration/resolve/https://www.webpackjs.com/configuration/resolve/https://www.cnblogs.com/goloving/p/8889585.html引言在ES6的模块系统中import from后跟的是路径+文件名,文件名必须带上js后缀。在Com.原创 2022-02-06 20:45:14 · 695 阅读 · 0 评论