babel-plugin-jsx-k-model v2.0.1-alpha.0

JSX k-model for Kdu JSX

This babel plugin adds some syntactic sugar to JSX.

Usage:

npm i babel-plugin-jsx-k-model -D

Then add jsx-k-model to your .babelrc file under plugins

example .babelrc:

{
  "presets": ["es2015"],
  "plugins": ["jsx-k-model", "transform-kdu-jsx"]
}

code:

Kdu.component('hello-world', {
  data: () => ({
    text: 'Hello World!'
  }),
  render () {
    return (
      <div>
        <input type="text" k-model={this.text} />
        {this.text}
      </div>
    )
  }
})

Behaviour is similar to kdu template's k-model.