使用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>