babel-plugin-jsx-v-model

WebJar for babel-plugin-jsx-v-model

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

babel-plugin-jsx-v-model
Last Version

Last Version

2.0.3
Release Date

Release Date

Type

Type

jar
Description

Description

babel-plugin-jsx-v-model
WebJar for babel-plugin-jsx-v-model
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/nickmessing/babel-plugin-jsx-v-model

Download babel-plugin-jsx-v-model

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-jsx-v-model/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>babel-plugin-jsx-v-model</artifactId>
    <version>2.0.3</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-jsx-v-model/
implementation 'org.webjars.npm:babel-plugin-jsx-v-model:2.0.3'
// https://jarcasting.com/artifacts/org.webjars.npm/babel-plugin-jsx-v-model/
implementation ("org.webjars.npm:babel-plugin-jsx-v-model:2.0.3")
'org.webjars.npm:babel-plugin-jsx-v-model:jar:2.0.3'
<dependency org="org.webjars.npm" name="babel-plugin-jsx-v-model" rev="2.0.3">
  <artifact name="babel-plugin-jsx-v-model" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='babel-plugin-jsx-v-model', version='2.0.3')
)
libraryDependencies += "org.webjars.npm" % "babel-plugin-jsx-v-model" % "2.0.3"
[org.webjars.npm/babel-plugin-jsx-v-model "2.0.3"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.npm : babel-plugin-syntax-jsx jar [6.18.0,7)
org.webjars.npm : html-tags jar [2.0.0,3)
org.webjars.npm : svg-tags jar [1.0.0,2)

Project Modules

There are no modules declared in this project.

Build Status

DEPRECATED: Check https://github.com/vuejs/jsx instead

JSX v-model for Vue JSX

This babel plugin adds some syntactic sugar to JSX.

Usage:

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.

Versions

Version
2.0.3