使用HTML + Javascript中的自定義屬性/指令

Question

我一直在瀏覽vue.js和angular.js代碼，但無法弄清楚它們如何處理html中的自定義指令？

例如，假設我有以下div： <div my-repeat="item in items"></div>

為了實現類似於vue.js功能，我是否必須掃描整個文檔的DOM元素以查找所有出現的my- attribute前綴，然后以某種方式嘗試找出其其余功能的作用？

我花了幾個小時試圖解決這個問題，但是沒有運氣。 任何想法/方向將不勝感激。

Answer 1

我不確定Vue和Angular是如何做到的，但是這里有一個示例，說明如何實現自定義屬性中指定的功能：

 var element = document.querySelector('[function-attribute]'); var fn = new Function(element.attributes['function-attribute'].value).bind(element); fn(); 

 <div value-attribute='something' function-attribute="alert(this.attributes['value-attribute'].value);"></div>