babel-plugin-transform-react-to-vue
v0.2.0
Published
my impeccable project
Downloads
14
Readme
babel-plugin-transform-react-to-vue
Install
yarn add babel-plugin-transform-react-to-vue --dev
Usage
{
"plugins": ["transform-react-to-vue"]
}
Input:
import ReactDOM from 'react-dom'
import React, { Component } from 'react'
class App extends Component {
state = {
hello: 'world'
}
myMethod = () => {
this.setState({ hello: 'not world ;)' })
}
render() {
return (
<div className="App">
<div className="App-header" onClick={this.myMethod}>
<h2>
Hello {this.state.hello}
</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
)
}
componentDidMount = () => console.log(this.state)
}
ReactDOM.render(<App />, document.getElementById('root'))
Output:
import Vue from 'vue'
const App = {
data: () => ({
hello: 'world'
}),
render() {
return (
<div class="App">
<div class="App-header" onClick={this.myMethod}>
<h2>
Hello {this.$data.hello}
</h2>
</div>
<p class="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
)
},
mounted() {
return console.log(this.$data)
},
methods: {
myMethod() {
this.hello = 'not world ;)'
}
}
}
new Vue({
el: document.getElementById('root'),
render() {
return <App />
}
})
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Team
| ---|--- EGOIST | Nick Messing