|
||||
---|---|---|---|---|
.. | ||||
.vscode | 11e3a9652a | 7 jaren geleden | ||
test | 11e3a9652a | 7 jaren geleden | ||
.npmignore | 11e3a9652a | 7 jaren geleden | ||
.travis.yml | 11e3a9652a | 7 jaren geleden | ||
LICENSE | 11e3a9652a | 7 jaren geleden | ||
README.md | 11e3a9652a | 7 jaren geleden | ||
index.js | 11e3a9652a | 7 jaren geleden | ||
package.json | 11e3a9652a | 7 jaren geleden |
This babel plugin adds some syntactic sugar to JSX.
npm i babel-plugin-jsx-v-model -D
Then add jsx-v-model
to your .babelrc
file under plugins
example .babelrc:
{
"presets": ["es2015"],
"plugins": ["jsx-v-model", "transform-vue-jsx"]
}
code:
Vue.component('hello-world', {
data: () => ({
text: 'Hello World!'
}),
render () {
return (
<div>
<input type="text" v-model={this.text} />
{this.text}
</div>
)
}
})
Behaviour is similar to vue template's v-model.