Vue组件化实战与响应式精解.pptx

林溪前端训练营模块四Vue核心技术解析

一、Vue核心技术解析二、组件化技术对比Watch原理响应式原理模版编译插槽虚拟DOM事件机制内置组件keep-alivenextTick指令三、组件动态渲染React低代码基础可配置表单高阶组件HooksFiber

四、Vue3底层原理五、Vite构建工具六、组件库构建实践七、常用组件实现精髓详解主要改变迁移CompositeAPI底层原理Element-UIElement-UI工程化八、组件化实战VueCore低代码平台

Vue3原理解析响应式API组合式API

Vue3reactivereactive用于为对象添加响应式状态。接收一个js对象作为参数，返回一个具有响应式状态的副本参数只能传入对象类型响应式API

Vue3reactive响应式对象不用在初始化时就定义好，可以在中途动态加入，也能具有响应性直接修改原始数据，响应数据也能获取到最新数据reactive能深度处理数组，对象嵌套等对于同一个原始数据，执行多次reactive或者嵌套执行reactive，返回的结果都是同一个响应数据toRaw这个api，可以通过响应数据获取原始数据JS五种基本数据类型+?Symbol，内置一些的特殊类型，如Promise、RegExp、Date，会报错或直接返回原始数据，不会变成响应式

Vue3Proxy代理只是浅层的代理，只代理了一层，所