vue源码剖析

基础的数据代理

vue的核心是它的响应式系统,而响应式的核心是利用Object.defineProperty进行数据拦截,这一届内容会深入分析Vue中两种数据拦截的方式: Object.defineProperty,Proxy,

Object.defineProperty的兼容性更好,但是proxy在源码中使用了,其中一个例子就是用作数据过滤筛选。

完整的渲染流程

virtual DOM 是js操作和dom渲染之间的桥梁,js对dom节点的操作,都会批量反应到virtual dom这个节点描述对象上,它的理念很大程度提高了渲染的性能。两个挂载阶段的核心过程,render update,render阶段会将模板编译渲染函数,解析成virtual DOM,update阶段会将virtual DOM树映射为真实的DOM节点。

组件的高级用法

基础组件,全局组件和局部组件,vue组件的高级用法,例如异步组件和函数组件,异步组件是首屏性能优化的解决方案

响应式系统构建

响应式系统构建是vue的核心,

 

posted on 2020-10-18 18:01  半夏微澜ぺ  阅读(115)  评论(0编辑  收藏  举报