babel-preset-vue

WebJar for babel-preset-vue

License	MIT
GroupId	org.webjars.npm
ArtifactId	babel-preset-vue
Last Version	2.0.2
Release Date	Jun 25, 2018
Type	jar
Description	babel-preset-vue WebJar for babel-preset-vue
Project URL	http://webjars.org
Source Code Management	https://github.com/vuejs/babel-preset-vue

Download babel-preset-vue

Filename	Size
babel-preset-vue-2.0.2.pom
babel-preset-vue-2.0.2.jar	55 KB
babel-preset-vue-2.0.2-sources.jar	22 bytes
babel-preset-vue-2.0.2-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/babel-preset-vue/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>babel-preset-vue</artifactId>
    <version>2.0.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/babel-preset-vue/
implementation 'org.webjars.npm:babel-preset-vue:2.0.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/babel-preset-vue/
implementation ("org.webjars.npm:babel-preset-vue:2.0.2")

Apache Buildr

'org.webjars.npm:babel-preset-vue:jar:2.0.2'

Apache Ivy

<dependency org="org.webjars.npm" name="babel-preset-vue" rev="2.0.2">
  <artifact name="babel-preset-vue" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='babel-preset-vue', version='2.0.2')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "babel-preset-vue" % "2.0.2"

Leiningen

[org.webjars.npm/babel-preset-vue "2.0.2"]

Dependencies

compile (5)

Group / Artifact	Type	Version
org.webjars.npm : babel-helper-vue-jsx-merge-props	jar	[2.0.2,3)
org.webjars.npm » babel-plugin-jsx-event-modifiers	jar	[2.0.2,3)
org.webjars.npm : babel-plugin-jsx-v-model	jar	[2.0.1,3)
org.webjars.npm : babel-plugin-transform-vue-jsx	jar	[3.5.0,4)
org.webjars.npm : babel-plugin-syntax-jsx	jar	[6.18.0,7)

Project Modules

There are no modules declared in this project.

babel-preset-vue

Babel preset for all Vue plugins.

Install

npm install -D babel-preset-vue

CDN: UNPKG

Usage

In your .babelrc:

{
  "presets": ["vue"]
}

You can toggle specific features, by default all features are enabled, e.g.:

{
  "presets": [
    ["vue", {
      "eventModifiers": false
    }]
  ]
}

JSX Features

Note that following features are not available for babel v7 currently, you may disable them if necessary.

Event modifiers

Option name: eventModifiers

Uses babel-plugin-jsx-event-modifier for adding event modifiers support.

Example:

Vue.component('hello-world', {
  methods: {
    method () {
      console.log('clicked')
    }
  },
  render () {
    return (
      <div>
        <a href="/" onClick:prevent={this.method} />
      </div>
    )
  }
})

v-model

Options name: vModel

Uses babel-plugin-jsx-v-model for adding v-model support.

Example:

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

License

MIT © EGOIST

vuejs

Versions

Version
2.0.2 Jun 25, 2018