0.7.4 • Published 1 month ago

ng2vue v0.7.4

Weekly downloads
-
License
MIT
Repository
-
Last release
1 month ago

angular to Vue (vue3)

此为0.7.x实验版,仅做粗略转换,转换后仍需要人工处理

整个工具的依赖himalaya处理html, 依赖typescript处理ts.

此工具包含一部分开发团队特殊转换规则,非团队用户使用时需要额外注意!!

  1. 模板中能处理大部分 v-if,v-for,传值属性:=,事件方法 @click 等
  2. p-xxx组件标签批量替换成了el-xxx标签,支持组件:el-input、el-input-number、el-button、el-dialog、el-select、el-date-picker、vxe-table(base-table)
  3. ts中 根据angular类属性, 声明对应响应变量 let xxx = ref('test'); 或 let xxx = reactive({}); 和类成员方法生成为函数定义
  4. ts对 ngOnInit 处理改名为OnInit, 在生命周期 onMounted 会调用 OnInit方法, constructor方法会转为自执行闭包
  5. ts中对http.get http.post的subscribe 和 toPromise 处理 改为 await 方式 自动加上async,并加上try catch语句
  6. 模板中对组件标签如果无子元素,标记为自闭合标签
  7. 模板中对<div>{{ '处理' }}<div> 处理为 <div>处理</div>
  8. ts中对 getter setter 转换为计算属性
  9. 模板中支持部分组件上ref转换,如属性 #xxxx 转换为 ref="xxxx"

使用方法

  1. 安装依赖 npm i -g ng2vue

  2. 运行 ng2vue <angular组件目录>

    例如:`ng2vue D:\workplace\base-UI\projects\eam\src\app\router\eam-pad\equipment-spot-check`

    (会在同目录下生成一个同名的vue组件的文件)

0.7.4

1 month ago

0.7.2

1 month ago

0.6.3

1 month ago

0.7.1

1 month ago

0.7.3

1 month ago

0.6.2

2 months ago

0.4.4

2 months ago

0.4.1

2 months ago

0.6.1

2 months ago

0.5.2

2 months ago

0.4.3

2 months ago

0.5.1

2 months ago

0.4.2

2 months ago

0.3.1

2 months ago

0.2.7

2 months ago

0.2.6

2 months ago

0.2.5

2 months ago

0.2.3

2 months ago

0.2.2

2 months ago

0.2.1

2 months ago

0.2.0

2 months ago