HTML + JavaScriptのカスタム属性/ディレクティブの操作

Question

私はvue.jsとangular.jsコードを使いましたが、カスタムディレクティブをHTMLでどのように処理するのか分かりません。例えば

、のは、私は次のdivとしましょう：vue.jsが何に似た何かを達成するために <div my-repeat="item in items"></div>

を、私はmy-属性の接頭辞のすべての回出てくる見つけるために、文書全体のDOM要素をスキャンする必要がないとその後、何とかその機能の残りの部分が何を把握しようか？

私は、文字通りこれを理解しようとしているいくつかの時間を費やしたが、運としています。任意のアイデア/方向がずっとしてくださいいただければ幸いです。

Answer 1

私はVueのと角度がそれを行う方法を特定するために知っているが、ここでは、カスタム属性で指定された機能を実装する方法の例ですません。

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>