筆者在一個(gè)項(xiàng)目中使用到了螞蟻數(shù)據(jù)可視化,源代碼中使用到了renderjs。以下是筆者對(duì)于renderjs使用的簡(jiǎn)單介紹。
什么是renderjs?Renderjs是運(yùn)行在視圖層的js,它比wxs更加強(qiáng)大但它只支持app-vue和web。它的主要作用是降低邏輯層和視圖層的通訊損耗,提供高性能視圖交互能力。以及在視圖層操作dom,運(yùn)行forweb的js庫(kù)。
項(xiàng)目中怎樣使用?在script中設(shè)置lang為renderjs,module=“名”。
Renderjs中的return值與普通return值是不同的,在renderjs中實(shí)現(xiàn)畫(huà)布,實(shí)現(xiàn)畫(huà)布與畫(huà)布外值的交互實(shí)現(xiàn)類(lèi)似于父子組件傳值以及數(shù)值監(jiān)聽(tīng)。首先是獲取畫(huà)布外傳入的值,通過(guò)監(jiān)聽(tīng)實(shí)現(xiàn)。實(shí)現(xiàn)方式是在標(biāo)簽中設(shè)置:localmsg(監(jiān)聽(tīng)的值)="localmsg(普通script中return值)" :change:localmsg(監(jiān)聽(tīng)的值名)="treeGraph(module名).dingweilocal(renderjs中的方法)"。當(dāng)外部的值發(fā)生變化時(shí),調(diào)用renderjs中的方法。從畫(huà)布向外傳送數(shù)據(jù)(發(fā)送數(shù)據(jù)到邏輯層)通過(guò)this.$ownerInstance.callMethod(‘普通方法名’,傳的值)。
以上部分內(nèi)容來(lái)自網(wǎng)絡(luò),侵刪。