simplefeel / vue-to-react

简化版的vue编译成react项目

在线预览Demo

usage

1. git clone
2. npm install
3. npm run test

input

<template>
    <div>
        <p class="title">
            {{title}}
        </p>
        <p class="name">
            {{name}}
        </p>
    </div>

</template>

<script>
export default {
	data() {
		return {
			show: true,
			name: 'name',
		};
	},
};
</script>

output

export default class myComponent extends Component {
	constructor(props) {
		super(props);
		this.state = {
			show: true,
			name: 'name',
		};
	}
	render() {
		return (
			<div>
				<p className="title">{title}</p>

				<p className="name">{name}</p>
			</div>
		);
	}
}