vue2react

Transform Vue component to React component.

Now support tranform SFC (.vue) file.

There are 2 ways to use the transform tool: web page or cli.

View Demo View Github

CLI

Install

npm i vue2react -g

or

yarn add vue2react -g

Usage

bash example

vtr -i hello.vue -o ./screen -n nihao.js
vtr hello.vue ./screen nihao.js
vtr hello.vue

vtr help infomation

Usage: vtr [options]

Options:
  -V, --version  output the version number
  -i, --input    the input path for vue component
  -o, --output   the output path for react component, which default value is process.cwd()
  -n, --name     the output file name, which default value is "react.js"
  -h, --help     output usage information

Support

  • Data
    • [x] data
    • [x] props
    • [x] propsData
    • [x] computed
    • [x] methods
    • [ ] watch
  • DOM
    • [ ] el
    • [x] template
    • [ ] render
    • [ ] renderError
  • Lifecycle Hooks
    • [x] created
    • [x] mounted
    • [x] updated
    • [x] beforeDestroy
    • [x] errorCaptured
  • Directives
    • [ ] v-text
    • [x] v-html
    • [x] v-show
    • [x] v-if
    • [ ] v-else
    • [ ] v-else-if
    • [x] v-for
    • [x] v-on / @
    • [x] v-bind / :
    • [ ] v-model
    • [ ] v-pre
    • [ ] v-cloak
    • [ ] v-once
  • Special Attributes
    • [x] key
    • [ ] ref

Example

Demo1

Vue Code React Code

Demo2

Vue Code React Code

GitHub