logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue Events模块原理分析

Vue中事件大致分为4类自定义事件DOM事件组件DOM事件组件自定义事件自定义事件主要由两部分组成事件存储器绑定事件,触发事件,解绑事件Vue的每个实例都会有一个_events对象,用来存放本实例上注册的自定义事件,绑定自定义事件的大致流程如下this.$on 绑定事件this.$emit 触发事件this.$off 解绑事件如果需要给组件绑定原生DOM事件,需要加上native这个修饰符。组件绑

Vue Compile原理分析

Vue中Compile是一个非常复杂的内容,Compile的主要作用是解析模板,生成渲染模板的render, 而render的作用主要是为了生成VNode, Compile主要分为3大块:parse 接受template原始模板,按着模板的节点和数据生成对应的astoptimize 遍历ast的每一个节点,标记静态节点,这样就知道哪部分不会变化,于是在页面需要更新时,减少去对比这部分DOM,提升性

Vue中computed原理分析

1.Computed也是响应式的Computed是响应式的,读取Computed会触发get,设置Computed会触发set2.Computed如何控制缓存计算属性是有缓存的,比如某个计算属性C,它依赖data中的A,如果没有缓存的话,每次读取C时,C都回去读取A,从而触发A的get。多次触发A的get有时候是一个非常消耗性能的操作。所以Computed必须要有缓存。computed里面控制缓存

到底了