CN117520019A - 一种组件通信方法及装置 - Google Patents
一种组件通信方法及装置 Download PDFInfo
- Publication number
- CN117520019A CN117520019A CN202410017611.0A CN202410017611A CN117520019A CN 117520019 A CN117520019 A CN 117520019A CN 202410017611 A CN202410017611 A CN 202410017611A CN 117520019 A CN117520019 A CN 117520019A
- Authority
- CN
- China
- Prior art keywords
- component
- ref
- global
- binding
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 238000004891 communication Methods 0.000 title claims abstract description 29
- 238000010586 diagram Methods 0.000 claims description 18
- 230000006870 function Effects 0.000 claims description 10
- 238000004590 computer program Methods 0.000 claims description 8
- 238000011161 development Methods 0.000 claims description 6
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 238000012216 screening Methods 0.000 claims description 4
- 230000001960 triggered effect Effects 0.000 claims description 4
- 238000005516 engineering process Methods 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- DBGIVFWFUFKIQN-UHFFFAOYSA-N (+-)-Fenfluramine Chemical compound CCNC(C)CC1=CC=CC(C(F)(F)F)=C1 DBGIVFWFUFKIQN-UHFFFAOYSA-N 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/545—Gui
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种组件通信方法及装置，涉及软件开发技术领域，包括以下步骤：创建用于构建ref实例的类组件，类组件通过原型链绑定到redux的状态管理器中；将状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；基于绑定关系利用类组件构建全局ref实例，并将全局ref实例挂载到类组件上；获取全局ref名称，并通过全局ref名称和props将目标组件的所有数据传递给第一组件。本申请中通过为目标组件绑定一个全局ref，并对具有绑定关系的全局ref列表进行实时更新，使得跨越层级较多的组件间进行通信时无需暴露过多数据，只需暴露一个ref即可，流程简单且易操作。
Description
技术领域
本申请涉及软件开发技术领域，尤其涉及一种组件通信方法及装置。
背景技术
在技术飞速发展的当下，大多数前端开发已经开始使用一些三方框架或工具，如React、AngularJS和VUE，但不管开发者基于哪款主流框架进行开发，都离不开组件，因此，组件与组件之间的联系与通信也成为了开发过程中必须解决的问题，针对这种情况，现有方法主要实现了在有父子层级关系的组件间进行通信，至于跨越很多层级的组件间的通信，则只能通过ref将被调用组件整个组件上需要进行通信的数据或方法通过接口暴露出去，且此种暴露需要将ref所绑定的实例层层传递给需要获取信息的另一组件，整个流程相对繁琐且长。
发明内容
本申请提供的一种组件通信方法，旨在解决现有技术中跨越很多层级的组件间的通信流程繁琐且长的问题。
为实现上述目的，本申请采用以下技术方案：
本申请的一种组件通信方法，包括以下步骤：
创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
作为优选，在建立目标组件与全局ref的绑定关系之前还包括：
将目标action作为props绑定到所述第一组件中，所述目标action属于内置action，表示为单个组件绑定全局ref。
作为优选，所述建立目标组件与全局ref的绑定关系，包括：
确定目标组件，并调用所述目标action为所述目标组件绑定全局ref。
作为优选，所述内置action还包括为所有组件绑定全局ref、获取一个全局ref以及获取所有的全局ref。
作为优选，所述建立目标组件与全局ref的绑定关系，包括：
获取当前项目的组件关系图，并在可操作UI工具界面上展示，所述可操作UI工具是以React框架和redux为基础进行二次开发得到的；
根据所述组件关系图确定目标组件，响应于用户在所述可操作UI工具界面上触发的为目标组件构建全局ref名称的操作指令，为所述目标组件绑定全局ref，并更新所述可操作UI工具界面上的ref列表，所述ref列表用于放置与组件绑定的所有全局ref的名称。
作为优选，所述更新所述可操作UI工具界面上的ref列表，包括：
将所述全局ref名称添加到所述可操作UI工具界面上的ref列表中。
作为优选，所述通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件，包括：
从所述props上挂载的所有ref状态中筛选出所述全局ref名称对应的全局ref状态以便所述第一组件基于所述绑定关系从所述全局ref状态中获取所述目标组件的全部数据。
作为优选，所述方法还包括：
调用createRefStore函数创建用于放置ref实例对象的存储空间。
一种组件通信装置，包括：
创建模块，用于创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
绑定模块，用于将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
挂载模块，用于基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
获取模块，用于获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
作为优选，所述获取模块包括：
筛选单元，用于从所述props上挂载的所有ref状态中筛选出所述全局ref名称对应的全局ref状态以便所述第一组件基于所述绑定关系从所述全局ref状态中获取所述目标组件的全部数据。
一种存储有计算机程序的计算机可读存储介质，所述计算机程序使计算机执行时实现如上述中任一项所述的一种组件通信方法。
本发明具有如下有益效果：
本申请中通过为目标组件绑定一个全局ref，并对具有绑定关系的全局ref列表进行实时更新，使得跨越层级较多的组件间进行通信时无需暴露过多数据，只需暴露一个ref即可，流程简单且易操作。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本申请提供的一种组件通信方法流程图；
图2是本申请中的ref列表数据更新原理图；
图3是本申请中的UI操作界面示意图；
图4是本申请提供的一种组件通信装置示意图；
图5是本申请实现一种组件通信方法的电子设备示意图。
具体实施方式
下面将结合附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请的权利要求书和说明书的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序，应该理解这样使用的术语在适当情况下可以互换，这仅仅是描述本申请的实施例中对相同属性的对象在描述时所采用的区分方式，此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，以便包含一系列单元的过程、方法、系统、产品或设备不必限于那些单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其他单元。
如图1所示，本申请提供一种组件通信方法，包括以下步骤：
S110、创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
S120、将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
S130、基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
S140、获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
此处首先需要说明的是，本申请是基于一款可操作UI工具实现的，该可操作UI工具本身是以React框架和redux为基础进行二次开发得到的，其作用就是实现组件尤其是层级跨越较多的组件间的通信，且流程简单易操作，基于此，在该可操作UI工具中，所有项目的全局ref也必定挂载在props上。
当用户使用该可操作UI工具时，会在redux的combineReducers对象里新增一条使用记录，然后调用createRefStore函数在redux内部创建一个类组件，该类组件专门用于创建ref实例，且该类组件通过原型链的方式绑定在redux的状态管理器store中，同时还调用该createRefStore函数单独创建一个放置ref实例对象的存储空间，用于存储和管理当前项目中的ref实例对象。
进一步地，将目标action作为props绑定到所述第一组件中，所述目标action属于内置action，表示为单个组件绑定全局ref。
接着，利用connect对调用组件即第一组件进行包裹，connect的作用是把组件和store连接起来，其包含四个参数，分别为mapStateToProps、mapDispatchToProps、mergeProps和option,在本实施例中，主要使用mapStateToProps和mapDispatchToProps这两个参数，其中，mapStateToProps允许将store中的数据作为props绑定到组件中，只要store发生了变化就会调用mapStateToProps，mapStateToProps返回的结果必须是一个纯对象，这个对象会与组件的props合并；mapDispatchToProps还允许将action作为props绑定到组件中，用于建立组件与store.dispatch的映射关系，可以是一个object，也可以是一个函数，如果传递的是一个对象，那么每个定义在该对象的函数都将被当作redux actioncreator，对象所定义的方法名将作为属性名，每个方法将返回一个新的函数，函数中dispatch方法会将action creator的返回值作为参数执行，这些属性会被合并到组件的props中，如果传递的是一个函数，可以直接传入dispatch和ownProps，定义UI组件如何发出action，实际上就是要调用dispatch（）方法。
在此处，第一组件要为被调用组件即目标组件绑定一个全局ref，因此mapDispatchToProps返回的是第一组件需要用到的目标action，该目标action属于内置action，在本实施例中，内置action有四个，分别是为单个组件绑定全局ref的bindUpgradedRef、为所有组件绑定全局ref的bindUpgradedRefs、获取单个全局ref的getUpgradedRefs以及获取所有的全局ref的getUpgradedRef，此处，返回的目标action为bindUpgradedRef，然后调用bindUpgradedRef即可为目标组件绑定全局ref，具体地，通过在代码中添加this.props.bindUpgradedRef('refName0',<ComponentTarget />) 的方式来为目标组件绑定一个名称为refName0的全局ref。
进一步地，获取当前项目的组件关系图，并在可操作UI工具界面上展示，所述可操作UI工具是以React框架和redux为基础进行二次开发得到的；
根据所述组件关系图确定目标组件，响应于用户在所述可操作UI工具界面上触发的为目标组件构建全局ref名称的操作指令，为所述目标组件绑定全局ref，并更新所述可操作UI工具界面上的ref列表，所述ref列表用于放置与组件绑定的所有全局ref的名称。
如图2所示，在另一实施例中，还可通过用户直接操作该可操作UI工具界面来为目标组件绑定全局ref，其中，该可操作UI工具界面简称为UI操作界面，具体地，先获取当前项目的组件关系图，组件关系图的实质是从Root节点到所有叶子结点都为组件的树图，此为现有技术，在此不作赘述，再在UI操作界面上展示，同时该UI操作界面左侧还会生成一个ref列表，该ref列表用于放置当前与组件绑定的所有全局ref的名称，实质就是记录全局ref与组件的绑定关系，如图3所示，所有全局ref的命名规则都是ref+Name+数字，当然，也可根据用户需要改变命名规则，具体并不作限定，在该组件关系图中，首先选出一个节点对应的组件作为目标组件，然后响应于用户在UI操作界面上触发的为目标组件构建全局ref名称的操作指令，即可为目标组件绑定全局ref，优选地，用户点击组件关系图中目标组件对应的节点并在弹出的输入框中输入“refName0”，然后点击空白区域，输入框消失，用户即成功为目标组件绑定了一个名称为“refName0”的全局ref，同步地，代码中的refState对象中就会新增一个key-maps，key-maps用于记录全局ref与组件的绑定关系，同时该UI操作界面左侧的ref列表也会进行更新，增加refName0，此处需要说明的是，如果目标组件原已绑定全局ref，这里就是将ref列表中目标组件原绑定的全局ref名称替换为最新绑定的全局ref名称，若目标组件原未绑定全局ref，这里就是直接新增其绑定的全局ref名称。
为目标组件绑定全局ref后，类组件会通过React.createRef()创建该全局ref实例，并将其挂载到当前类组件上。
进一步地，从所述props上挂载的所有ref状态中筛选出所述全局ref名称对应的全局ref状态以便所述第一组件基于所述绑定关系从所述全局ref状态中获取所述目标组件的全部数据。
鉴于全局ref都挂载在props上，因此可通过props上的ref状态即refState去获取最新的ref列表，但由于本实施例只是为了实现第一组件与目标组件之间的通信，此处就通过目标组件绑定的全局ref 名称去对props上的refState进行筛选从而得到目标组件绑定的全局ref的refState，优选地，通过this.props.refState.[refName0]去获取名为refName0的全局ref的refState，再根据目标组件与全局ref间的绑定关系第一组件便可得到目标组件的全部数据。
本实施例中通过为目标组件绑定一个全局ref，并对具有绑定关系的全局ref列表进行实时更新，使得跨越层级较多的组件间进行通信时无需暴露过多数据，只需暴露一个ref即可，流程简单且易操作。
如图4所示，本申请还提供一种组件通信装置，包括创建模块、绑定模块、挂载模块和获取模块，其中：
所述创建模块，用于创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
所述绑定模块，用于将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
所述挂载模块，用于基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
所述获取模块，用于获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
如图5所示，本申请还提供一种电子设备，包括存储器501和处理器502，所述存储器501用于存储一条或多条计算机指令，其中，所述一条或多条计算机指令被所述处理器502执行以实现上述的一种组件通信方法。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的电子设备的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
本申请还提供一种存储有计算机程序的计算机可读存储介质，所述计算机程序使计算机执行时实现如上述的一种组件通信方法。
示例性的，计算机程序可以被分割成一个或多个模块/单元，一个或者多个模块/单元被存储在存储器501中，并由处理器502执行，并由输入接口505和输出接口506完成数据的I/O接口传输，以完成本发明,一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述计算机程序在计算机设备中的执行过程。
计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。计算机设备可包括，但不仅限于，存储器501、处理器502,本领域技术人员可以理解，本实施例仅仅是计算机设备的示例，并不构成对计算机设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件，例如计算机设备还可以包括输入器507、网络接入设备、总线等。
处理器502可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器502、数字信号处理器502(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器502可以是微处理器502或者该处理器502也可以是任何常规的处理器502等。
存储器501可以是计算机设备的内部存储单元，例如计算机设备的硬盘或内存。存储器501也可以是计算机设备的外部存储设备，例如计算机设备上配备的插接式硬盘，智能存储卡（Smart Media Card,SMC），安全数字（Secure Digital,SD）卡，闪存卡（Flash Card）等,进一步地，存储器501还可以既包括计算机设备的内部存储单元也包括外部存储设备,存储器501用于存储计算机程序以及计算机设备所需的其他程序和数据,存储器501还可以用于暂时地存储在输出器508，而前述的存储介质包括U盘、移动硬盘、只读存储器ROM503、随机存储器RAM504、碟盘或光盘等各种可以存储程序代码的介质。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何在本发明揭露的技术范围内的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。
Claims (10)
1.一种组件通信方法，其特征在于，包括以下步骤：
创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
2.根据权利要求1所述的一种组件通信方法，其特征在于，在建立目标组件与全局ref的绑定关系之前还包括：
将目标action作为props绑定到所述第一组件中，所述目标action属于内置action，表示为单个组件绑定全局ref。
3.根据权利要求2所述的一种组件通信方法，其特征在于，所述建立目标组件与全局ref的绑定关系，包括：
确定目标组件，并调用所述目标action为所述目标组件绑定全局ref。
4.根据权利要求2所述的一种组件通信方法，其特征在于，所述内置action还包括为所有组件绑定全局ref、获取一个全局ref以及获取所有的全局ref。
5.根据权利要求1所述的一种组件通信方法，其特征在于，所述建立目标组件与全局ref的绑定关系，包括：
获取当前项目的组件关系图，并在可操作UI工具界面上展示，所述可操作UI工具是以React框架和redux为基础进行二次开发得到的；
根据所述组件关系图确定目标组件，响应于用户在所述可操作UI工具界面上触发的为目标组件构建全局ref名称的操作指令，为所述目标组件绑定全局ref，并更新所述可操作UI工具界面上的ref列表，所述ref列表用于放置与组件绑定的所有全局ref的名称。
6.根据权利要求5所述的一种组件通信方法，其特征在于，所述更新所述可操作UI工具界面上的ref列表，包括：
将所述全局ref名称添加到所述可操作UI工具界面上的ref列表中。
7.根据权利要求1所述的一种组件通信方法，其特征在于，所述通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件，包括：
从所述props上挂载的所有ref状态中筛选出所述全局ref名称对应的全局ref状态以便所述第一组件基于所述绑定关系从所述全局ref状态中获取所述目标组件的全部数据。
8.根据权利要求1所述的一种组件通信方法，其特征在于，所述方法还包括：
调用createRefStore函数创建用于放置ref实例对象的存储空间。
9.一种组件通信装置，其特征在于，包括：
创建模块，用于创建用于构建ref实例的类组件，所述类组件通过原型链绑定到redux的状态管理器中；
绑定模块，用于将所述状态管理器中的数据作为props绑定到第一组件中，并建立目标组件与全局ref的绑定关系；
挂载模块，用于基于所述绑定关系利用所述类组件构建所述全局ref实例，并将所述全局ref实例挂载到所述类组件上；
获取模块，用于获取所述全局ref名称，并通过所述全局ref名称和props将所述目标组件的所有数据传递给所述第一组件。
10.一种存储有计算机程序的计算机可读存储介质，其特征在于，所述计算机程序使计算机执行时实现如权利要求1～8中任一项所述的一种组件通信方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410017611.0A CN117520019B (zh) | 2024-01-05 | 2024-01-05 | 一种组件通信方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410017611.0A CN117520019B (zh) | 2024-01-05 | 2024-01-05 | 一种组件通信方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN117520019A true CN117520019A (zh) | 2024-02-06 |
| CN117520019B CN117520019B (zh) | 2024-04-09 |
Family
ID=89749799
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202410017611.0A Active CN117520019B (zh) | 2024-01-05 | 2024-01-05 | 一种组件通信方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117520019B (zh) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20200125336A1 (en) * | 2018-10-19 | 2020-04-23 | Oracle International Corporation | System and method for enhancing component based development models with auto-wiring |
| CN112241282A (zh) * | 2020-10-27 | 2021-01-19 | 上海万向区块链股份公司 | 基于react项目的全局状态数据管理方法及系统 |
| CN113849177A (zh) * | 2021-09-28 | 2021-12-28 | 珠海格力电器股份有限公司 | 一种全局数据状态管理方法、装置、电子设备及存储介质 |
| CN114035829A (zh) * | 2021-12-17 | 2022-02-11 | 北京百度网讯科技有限公司 | 页面组件更新方法、装置、电子设备以及存储介质 |
| CN114237567A (zh) * | 2021-11-01 | 2022-03-25 | 湖北省楚天云有限公司 | 一种基于RXJS的适用于vuejs和reactjs框架的状态管理库 |
| CN114296718A (zh) * | 2021-12-28 | 2022-04-08 | 珠海豹趣科技有限公司 | 一种Windows系统组件的设置方法及装置 |
| US11398911B1 (en) * | 2020-07-12 | 2022-07-26 | Run Interactive, Inc. | System for interacting objects as tokens on a blockchain using a class-based language |
| CN115061706A (zh) * | 2022-06-14 | 2022-09-16 | 杭州安恒信息技术股份有限公司 | 一种Vue3组件状态管理方法、装置、设备及介质 |
| CN115543315A (zh) * | 2022-10-26 | 2022-12-30 | 上海豹云网络信息服务有限公司 | 一种使用数据模型控制页面交互的方法及系统 |
| CN116974620A (zh) * | 2022-11-21 | 2023-10-31 | 腾讯科技（深圳）有限公司 | 应用程序的生成方法、运行方法以及相应的装置 |
-
2024
- 2024-01-05 CN CN202410017611.0A patent/CN117520019B/zh active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20200125336A1 (en) * | 2018-10-19 | 2020-04-23 | Oracle International Corporation | System and method for enhancing component based development models with auto-wiring |
| US11398911B1 (en) * | 2020-07-12 | 2022-07-26 | Run Interactive, Inc. | System for interacting objects as tokens on a blockchain using a class-based language |
| CN112241282A (zh) * | 2020-10-27 | 2021-01-19 | 上海万向区块链股份公司 | 基于react项目的全局状态数据管理方法及系统 |
| CN113849177A (zh) * | 2021-09-28 | 2021-12-28 | 珠海格力电器股份有限公司 | 一种全局数据状态管理方法、装置、电子设备及存储介质 |
| CN114237567A (zh) * | 2021-11-01 | 2022-03-25 | 湖北省楚天云有限公司 | 一种基于RXJS的适用于vuejs和reactjs框架的状态管理库 |
| CN114035829A (zh) * | 2021-12-17 | 2022-02-11 | 北京百度网讯科技有限公司 | 页面组件更新方法、装置、电子设备以及存储介质 |
| CN114296718A (zh) * | 2021-12-28 | 2022-04-08 | 珠海豹趣科技有限公司 | 一种Windows系统组件的设置方法及装置 |
| CN115061706A (zh) * | 2022-06-14 | 2022-09-16 | 杭州安恒信息技术股份有限公司 | 一种Vue3组件状态管理方法、装置、设备及介质 |
| CN115543315A (zh) * | 2022-10-26 | 2022-12-30 | 上海豹云网络信息服务有限公司 | 一种使用数据模型控制页面交互的方法及系统 |
| CN116974620A (zh) * | 2022-11-21 | 2023-10-31 | 腾讯科技（深圳）有限公司 | 应用程序的生成方法、运行方法以及相应的装置 |
Non-Patent Citations (4)
| Title |
|---|
| 前端国俊: "Redux 公共状态管理方案 实现组件之间的通信/信息共享", Retrieved from the Internet <URL:https://blog.csdn.net/2201_76129355/article/details/132218575> * |
| 李畅;徐琪;李光磊;周华春;: "基于服务功能链的多域安全服务按需适配方法", 计算机工程与应用, no. 21, 1 November 2018 (2018-11-01) * |
| 白海洋;李静;周培云;庄毅;: "面向飞行器设计软件界面原型系统生成的研究", 小型微型计算机系统, no. 01, 15 January 2015 (2015-01-15) * |
| 茹嗨瑞: "vue学习---基于vue2中的组件、组件通信、ref", Retrieved from the Internet <URL:https://blog.csdn.net/m0_53181852/article/details/127598133> * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN117520019B (zh) | 2024-04-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| De Santis et al. | Zero-knowledge proofs of knowledge without interaction | |
| US9128803B2 (en) | Application model for implementing composite applications | |
| US8886609B2 (en) | Backup and restore of data from any cluster node | |
| CN111767143A (zh) | 交易数据处理方法、装置、设备及系统 | |
| CN112287007B (zh) | 基于Flink SQL引擎的工业生产数据实时处理方法、系统 | |
| US10817284B2 (en) | Melding of mediation flow service component architecture (SCA) components | |
| CN113448837B (zh) | 开发及测试环境部署方法、系统、电子设备及介质 | |
| EP2842044A1 (en) | Platform runtime abstraction | |
| CN114706690B (zh) | 一种Kubernetes容器共享GPU方法及系统 | |
| EP3126968A1 (en) | Data view exposure mechanisms | |
| CN113986424A (zh) | 一种页面显示方法及装置 | |
| US8893155B2 (en) | Providing distributed array containers for programming objects | |
| Harzenetter et al. | Freezing and defrosting cloud applications: automated saving and restoring of running applications | |
| US10338891B2 (en) | Migration between model elements of different types in a modeling environment | |
| CN117520019B (zh) | 一种组件通信方法及装置 | |
| CN108804197B (zh) | 一种动态组件化实现方法、装置、设备及存储介质 | |
| US10853331B1 (en) | System and method for editing materializations of a data store | |
| CN109002343B (zh) | 一种实现虚拟机批量创建的方法及装置 | |
| CN110321335B (zh) | 建模数据下载方法、装置、电子设备及计算机存储介质 | |
| CN109783191A (zh) | 容器镜像的管理、使用及构建方法、装置 | |
| CN114116181B (zh) | 一种分布式的数据分析任务调度系统及方法 | |
| CN115390912B (zh) | 资源发现方法、装置、计算机设备和存储介质 | |
| US20220058210A1 (en) | Method and system for processing write queries in an application programming interface based on declarative schemas for individual services | |
| CN116800612A (zh) | 一种基于云服务的配置管理方法和相关装置 | |
| CN116414432A (zh) | 一种统一开发平台开发方法、装置、介质及设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |