npm install -D babel-preset-vue

{
  "presets": ["vue"]
}

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

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

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

Contributors

Stargazers

Forkers

nickmessing zhenghuahou devedse njleonzhang marciopocebon shotanue isabella232 seanpm2001

const A = () => <h1>Hello</h1>

> mocha --require babel-register --require test/unit/setup.js "test/**/*.spec.js"

---/node_modules/babel-core/lib/transformation/file/index.js:558
      throw err;
      ^

SyntaxError: ---/src/views/Accommodation.vue: Unexpected token, expected , (14:85)
  12 |             <tr>
  13 |               <td> Total Cost of Accommodation </td>
> 14 |               <td id="divtotalcost" class="amount"> {{ formatPrice(accommodationSpend.totalCostOfAccommodation) }} </td>
     |                                                                                      ^
  15 |             </tr>
  16 |             <tr>
  17 |               <td> Number of Room Nights </td>
    at Parser.pp$5.raise (---/node_modules/babylon/lib/index.js:4454:13)