vue2react
TypeScript icon, indicating that this package has built-in type declarations

0.6.9 • Public • Published

vue2react

A tool that transforms Vue component to React component.

Now support tranform SFC (.vue) file.

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

Web Page

https://www.mcuking.club/vue2react/

To get better perfomance, suggest access to it via Chrome.

The demo screen is here.

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

Inspiration

algorithm-visualizer

vue-to-react

Dependencies (10)

Dev Dependencies (45)

Package Sidebar

Install

npm i vue2react

Weekly Downloads

0

Version

0.6.9

License

MIT

Unpacked Size

56.6 kB

Total Files

32

Last publish

Collaborators

  • mcuking