binder
A simple DOM data binding tool that can be used to bind data or events to DOM elements.
View demo
npm installnpm run test
Usage
npm install @yuanliwei/binder
<template id="templ-code">
<hr>
<h1>{{title}}</h1>
<p>{{desc}}</p>
<code><pre>
{{template}}
</pre></code>
<code><pre>
{{code}}
</pre></code>
</template>import Binder from '@yuanliwei/binder'
let b = new Binder()
let templ = document.getElementById('templ-code')
b.render(templ, {
title: 'title',
template: templ.outerHTML,
code: Binder.toString(),
desc: desc,
'h1@onclick':()=>{
alert('click h1')
}
})