JSX k-model for Kdu JSX
This babel plugin adds some syntactic sugar to JSX.
Usage:
npm i babel-plugin-jsx-k-model -DThen 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.