Have ideas to improve npm?Join in the discussion! »

    convert-vue-to-react

    1.0.1 • Public • Published

    # 使用

    • npm install convert-vue-to-react -g 安装包
    • convert -a 或 convert --app 转src 文件夹下app.vue
    • convert -p 或 convert --page 转src 文件夹下page文件夹

    规范

    • v-bind指令 不支持简写
    • img标签闭合
    • 注释 /注释符号/
    • 标签指令表达式 data或者props内的变量要放在前面

    已完成

    转template模块

    • {{}} 转成{}
    • 属性名转成驼峰命名规范
    • vue系统指令(v-if、v-show、v-on、v-bind、v-for等)转换
    • 自定义组件名转成大写(to-do => ToDo)

    script模块

    class部分
    • props转换
    • data内容转换
    • computed内容转换
    • component内容转换
    • 生命周期
    • method转换
    • 生成constructor
    • 生成render
    • 转换修改data元素的方式
    import部分
    • react模块的固定引入
    • vue代码中写入的import
    • vue代码style样式的引入
    export部分

    style模块

    • 分离style部分的代码,抽离到.less文件中

    转booking遇到的问题

    已解决

    • v-bind:class转换
    • 指令出现表达式转换失败(item.val !== ''、 !isInWeixin)
    • v-if 和 v-else逻辑缺陷
    • v-for指令转换时子标签属性丢失
    • {}中嵌套属性({item.val})转换失败

    未解决

    • v-for标签的子标签有v-if时,代码直接报错
    • v-model转换目前还未做
    • vue的watch转换
    • vue状态管理(vuex)转换

    Keywords

    none

    Install

    npm i convert-vue-to-react

    DownloadsWeekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    76.5 kB

    Total Files

    25

    Last publish

    Collaborators

    • avatar