1.0.0 • Published 6 years ago

@yuanliwei/binder v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
6 years ago

binder

A simple DOM data binding tool that can be used to bind data or events to DOM elements.

View demo

  • npm install
  • npm 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')
    }
})