Vue3——组合式API

2023-01-03 0 477

复合式API 复合式api(Composition API)称得上vue3对他们合作开发人员来说非常有用的两个api预览,他们先不关注具体句法,Fossat它有两个大的交互1. composition vs options options API合作开发出来的vue应用领域如下图下图,它的特征是认知容易,因为各快捷键都有一般来说的手写边线,比如说积极响应式统计数据就写到data选择中,操作方式就写到methods实用性项中低,应用领域大了之后,坚信大家都碰到过来回每边找标识符的困局 composition API合作开发的vue应用领域如下图下图,它的特征是某一机能有关的大部份东西都放在一同保护,比如说机能A有关的积极响应式统计数据,操作统计数据的方法等放在一起,这样无论应用领域多大,都能快读功能定位到某一机能的大部份有关标识符,保护方便快捷,增设如果机能繁杂,标识符量大,他们还能展开方法论分拆处理当心:快捷键式api和复合式api俩种艺术风格是共存的关系并不是道德性需要大量的方法论女团的情景,能使用compition API展开进一步增强

Vue3——组合式API

2合作开发周期钳子表达式快捷键 API 合作开发周期快捷键和复合式 API 之间的映射beforeCreate -> use setup()created -> use setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeUnmount -> onBeforeUnmountunmounted -> onUnmounted(destroyed => unmounted)errorCaptured -> onErrorCapturedrenderTracked -> onRenderTracked (render表达式初始化促发初始化,包涵首度促发)renderTriggered -> onRenderTriggered (render表达式初始化促发初始化,不包涵首度促发)

3三个积极响应式表达式详述:reactive-ref-toRefs

reactive:对target展开全权,特性的下一发倚赖;回到proxy第一类ref:可把基本上类别统计数据转成积极响应式第一类;const count = ref(0)//回到两个第一类,{value:0}模块为基本上类别值的话,外部会建立两个只有value特性的对象,改第一类value特性具有getter(搜集倚赖)和setter(促发预览)模块为第一类,外部初始化reactive;

toRefs:将积极响应式第一类切换为一般第一类,其中结果第一类的每一 property 都是对准原初第一类适当 property 的ref。全权第一类被重构的时候,相等于表述相关联key值表达式来转交第一类的key值;而基本上类别表达式,就是在缓存中再拷贝这份,所以该处被重构的x\y是两个基本上表达式,与全权第一类无关;外部建立两个新的第一类遍历传入的全权第一类的大部份特性,值都转成积极响应式第一类;挂载到新的第一类上,然后回到新的第一类

如果Reflect和Object有相同方法,建议使用Reflect; Proxy第二个模块第一类中set、deleteProperty中需回到布尔类别的值,严格模式下,如果不回到值,默认回到undefined即false会出现Type Error异常; Proxy和Reflect的receiver模块 Proxy中的receiver:Proxy或者继承Proxy的第一类 Reflect中的receiv

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务