Package Exports
- babel-preset-vue
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (babel-preset-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
babel-preset-vue
Babel preset for all Vue plugins.
Install
npm install -D babel-preset-vueCDN: 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