华为云首页用户手册

Astro轻应用 AstroZero-管理页面级数据源、全局状态:操作步骤

Astro轻应用 AstroZero-管理页面级数据源、全局状态:操作步骤

时间：2023-11-01 16:25:39

Astro轻应用 AstroZero

操作步骤

参考如何登录新版应用设计器中操作，登录新版应用设计器。
在左侧导航栏中，选择“界面”。
在高级页面中，单击对应的页面，进入高级页面开发界面。
在页面右上角，单击，定义全局状态。
定义全局状态使用JavaScript编程语言，不支持TypeScript。全局状态结构固定以MStore命名，每个页面仅包含一个全局状态实例，方便在组件调试的过程中，轻易的获取整个当前页面状态的快照。全局状态的结构定义由以下三部分组成：
- state：定义页面所有组件的初始状态数据，即页面中所有组件共享状态的初始数据源。
- mutations：状态变更的唯一方法是提交mutation。mutation以声明的方式，将state变化映射到视图，每次state的变更都需要定义一个mutation。mutation使用对象风格的提交方式，整个对象都作为载荷（payload）传给mutation函数，mutation都是同步事务。
- actions：通过actions执行状态数据变更，用于衔接state和mutation。Action可以包含任意异步操作，通常用于绑定状态和组件，可以调用服务。
在页面的组件js文件中，使用预置的“this.$mstore.dispatch（）”方法，修改状态数据。

系统还预置了onStateChanged(state) 方法，用于监听属性整个全局状态的变更。

上一篇：Astro轻应用 AstroZero-如何检查页面性能:操作步骤

下一篇：Astro轻应用 AstroZero-如何检查页面性能:操作步骤

Astro轻应用 AstroZero-管理页面级数据源、全局状态:操作步骤

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题