分享
高级函数
输入“/”快速插入内容
高级函数
数据处理钩子函数
什么是数据处理钩子函数
数据处理钩子函数提供的目的是数据容器的数据从接口获取->组件渲染,如下图数据处理钩子函数执行的时机,组件拿到原始数据之后,展示到页面之前。数据处理钩子函数
使用场景
,比如,自定义图标的echarts数据格式化,原始数据格式不满足图标所需数据格式,可以在这一步进行处理。一些通用的接口,不同的组件,数据展示结果不同,可以在这一步进行,而不需要修改原始的数据返回,比如连接器的话,同一个连接器可以复用,不同组件根据需求在组件内再处理数据
数据处理钩子函数如何配置
选中组件之后右侧属性栏->高级-> 数据处理
代码编辑框内编写数据处理钩子函数,如下图所示
response
是数据处理函数接收到的原始数据,函数需要返回处理后的数据
组件生命周期函数
•
onMounted
:组件挂载时调用
•
onBeforeUnmount
:在卸载组件实例之前调用
•
onUnmounted
:卸载组件实例后调用