AVM(Application-View-Model)前端组件化开发模型基于标准的WebComponents组件化思想,提供包括虚拟DOM和Runtime的avm.js编程框架和多端统一编译工具完全兼容WebComponents标准,兼容Vue和React语法糖编写代码。编译工具将Vue和React相关的语法糖编译成avm.js代码。基于标准的WebComponents组件化思想,兼容Vue/React语法特性。通过一次编码,分别编译成App和小程序代码,实现多端开发。组件函数引入用于显示基本表格数据的组件。该组件的核心功能是在显示数据时使用两个v-for循环。第一个循环是数据对象的循环,然后嵌套列名的对象,将列名中的键值存储到数据对象中。查询对应的数据,保证了数据对象和列名对象顺序乱了也能匹配到数据,当列名没有对应数据时可以进行特殊处理。示例展示组件开发-组件文件easy-data-grid.stml{item.lable}{item[itemcol.key]}/组件使用说明本组件是基于AVM.js开发的多端组件,通常同时兼容Android、iOS、小程序、H5。具体支持取决于各个组件的文档。首先需要登录开发平台http://www.apicloud.com。通过控制平台右上角的模块Store进入,然后选择找到对应的模块点击进入。也可以通过搜索栏按组件名称关键字进行搜索。输入模块详情,点击立即下载下载完整的组件安装包。组件压缩包文件目录如下。您也可以查看模块文档,了解模块的具体参数、引用的原生模块和注意事项。项目中具体使用步骤如下:第一步将压缩包中的easy-data-grid.stml文件复制到项目的components目录下,阅读readme.md文档并查看demo示例文件demo-easy-data-grid.stml导入stml文件中需要开发的组件文件,完成页面的开发。demo-easy-data-grid.stml<样式>.page{高度:100%;背景色:#f0f0f0;}如果在AVM组件库中,你在实际项目中找不到你需要的组件,你可以尝试自己封装组件。这是组件开发的在线文档地址