笔者在一个项目中使用到了蚂蚁数据可视化,源代码中使用到了renderjs。以下是笔者对于renderjs使用的简单介绍。
什么是renderjs?Renderjs是运行在视图层的js,它比wxs更加强大但它只支持app-vue和web。它的主要作用是降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力。以及在视图层操作dom,运行forweb的js库。
项目中怎样使用?在script中设置lang为renderjs,module=“名”。
Renderjs中的return值与普通return值是不同的,在renderjs中实现画布,实现画布与画布外值的交互实现类似于父子组件传值以及数值监听。首先是获取画布外传入的值,通过监听实现。实现方式是在标签中设置:localmsg(监听的值)="localmsg(普通script中return值)" :change:localmsg(监听的值名)="treeGraph(module名).dingweilocal(renderjs中的方法)"。当外部的值发生变化时,调用renderjs中的方法。从画布向外传送数据(发送数据到逻辑层)通过this.$ownerInstance.callMethod(‘普通方法名’,传的值)。
以上部分内容来自网络,侵删。