https://github.com/nickmessing/babel-plugin-jsx-v-model
JSX Syntactic Sugar Plugin for v-model
https://github.com/nickmessing/babel-plugin-jsx-v-model
Last synced: 8 months ago
JSON representation
JSX Syntactic Sugar Plugin for v-model
- Host: GitHub
- URL: https://github.com/nickmessing/babel-plugin-jsx-v-model
- Owner: nickmessing
- License: mit
- Created: 2017-07-18T05:25:55.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T15:22:57.000Z (almost 3 years ago)
- Last Synced: 2025-03-29T02:07:04.980Z (8 months ago)
- Language: JavaScript
- Size: 149 KB
- Stars: 155
- Watchers: 7
- Forks: 8
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - jsx-v-model - JSX Syntactic Sugar Plugin for v-model ` 📝 3 years ago` (Utilities [🔝](#readme))
- awesome-vue-zh - JSX-V模型 - 一个带来的巴别塔插件`v-model`到JSX. (公用事业 / JSX)
- awesome-vue - jsx-v-model - A Babel plugin that brings `v-model` to JSX. (Components & Libraries / Utilities)
- awesome-vue - jsx-v-model ★118 - A Babel plugin that brings `v-model` to JSX. (Utilities / JSX)
- awesome-vue - jsx-v-model - A Babel plugin that brings `v-model` to JSX. (Utilities / JSX)
README
[](https://travis-ci.org/nickmessing/babel-plugin-jsx-v-model)
## DEPRECATED: Check https://github.com/vuejs/jsx instead
## JSX v-model for Vue JSX
This babel plugin adds some syntactic sugar to JSX.
### Usage:
```bash
npm i babel-plugin-jsx-v-model -D
```
Then add `jsx-v-model` to your `.babelrc` file under `plugins`
example .babelrc:
```json
{
"presets": ["es2015"],
"plugins": ["jsx-v-model", "transform-vue-jsx"]
}
```
code:
```js
Vue.component('hello-world', {
data: () => ({
text: 'Hello World!'
}),
render () {
return (
{this.text}
)
}
})
```
Behaviour is similar to vue template's [v-model](https://vuejs.org/v2/api/#v-model).