ng2vue
v0.7.4
Published
此为0.7.x实验版,仅做粗略转换,转换后仍需要人工处理
Downloads
5
Readme
angular to Vue (vue3)
此为0.7.x实验版,仅做粗略转换,转换后仍需要人工处理
整个工具的依赖himalaya处理html, 依赖typescript处理ts.
此工具包含一部分开发团队特殊转换规则,非团队用户使用时需要额外注意!!
- 模板中能处理大部分 v-if,v-for,传值属性:=,事件方法 @click 等
- p-xxx组件标签批量替换成了el-xxx标签,支持组件:el-input、el-input-number、el-button、el-dialog、el-select、el-date-picker、vxe-table(base-table)
- ts中 根据angular类属性, 声明对应响应变量 let xxx = ref('test'); 或 let xxx = reactive({}); 和类成员方法生成为函数定义
- ts对 ngOnInit 处理改名为OnInit, 在生命周期 onMounted 会调用 OnInit方法, constructor方法会转为自执行闭包
- ts中对http.get http.post的subscribe 和 toPromise 处理 改为 await 方式 自动加上async,并加上try catch语句
- 模板中对组件标签如果无子元素,标记为自闭合标签
- 模板中对
<div>{{ '处理' }}<div>
处理为<div>处理</div>
- ts中对 getter setter 转换为计算属性
- 模板中支持部分组件上ref转换,如属性 #xxxx 转换为 ref="xxxx"
使用方法
安装依赖
npm i -g ng2vue
运行
ng2vue <angular组件目录>
例如:
ng2vue D:\workplace\base-UI\projects\eam\src\app\router\eam-pad\equipment-spot-check
(会在同目录下生成一个同名的vue组件的文件)