概述

MIP 通过提供 Shell 的机制,使我们的一个个独立页面得以串联起来,获得像单页应用 (SPA) 那样的切换效果,成为一个完整的站点。如果要打造全站式的复杂的业务场景,页面间数据共享是常见的需求。

比如这么一个场景: 我们有城市选择的需求,业务上存在首页和城市选择页两个独立页面。用户在城市选择页做点击选择操作,结果将同步到首页的相应展示位置。

本篇文档是要指导开发者如何通过 mip-bind 数据绑定机制,来完成站点内全局共享数据的需求。我们将会根据上面列举的城市选择的场景来展开示例。

通过本教程您可以学到

如何定义、使用和修改全局数据

学习本教程前您应该掌握

整站 MIP 的页面开发方式
如何使用 <mip-shell> 标签将独立的页面串成整站
如何使用 MIP 命令行工具开发自定义组件
用于初始化数据的自定义标签 mip-data
绑定数据的指令 m-bind/m-text
修改数据的方法 MIP.setData

在开发前您需要准备

一个可以正常运行 MIP 页面的开发环境
一个自己习惯的文本编辑器,如 Sublime Text, Web Storm 等等