筆者在一個項目中使用到了螞蟻數據可視化,源代碼中使用到了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(‘普通方法名’,傳的值)。
以上部分內容來自網絡,侵刪。