高级函数

数据处理钩子函数

什么是数据处理钩子函数

数据处理钩子函数提供的目的是数据容器的数据从接口获取-> 组件渲染，如下图数据处理钩子函数执行的时机，组件拿到原始数据之后，展示到页面之前。数据处理钩子函数使用场景，比如，自定义图标的 echarts 数据格式化，原始数据格式不满足图标所需数据格式，可以在这一步进行处理。一些通用的接口，不同的组件，数据展示结果不同，可以在这一步进行，而不需要修改原始的数据返回，比如连接器的话，同一个连接器可以复用，不同组件根据需求在组件内再处理数据

数据处理钩子函数如何配置

选中组件之后右侧属性栏-> 高级-> 数据处理

代码编辑框内编写数据处理钩子函数，如下图所示

response 是数据处理函数接收到的原始数据，函数需要返回处理后的数据

组件生命周期函数

• onMounted：组件挂载时调用
• onBeforeUnmount：在卸载组件实例之前调用
• onUnmounted：卸载组件实例后调用