求教下前端单页应用如何从 angularjs1.4 迁移至 vue 2.5，能否平滑迁移？
countdown · 2018-07-26 15:37:18 +08:00 · 2655 次点击这是一个创建于 2099 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近刚接手了一个前端项目改造的活,领导要求从 angularjs1.4.7 迁移至 vue2.5，该项目时单页应用。
由于之前开发都是 java 后端，前端 js 只是了解基本的 jquery 操作。 这几天抽空学了下 angular 和 vue 的基本语法，发现这俩虽然很多地方差不多，但是真上手改起来却无从改起。一下子上手改这个项目难度还是挺高。
网上搜了下类似的迁移资料,也不是很多,发现比较好的参考资料也就是一篇国外的译文-> 我们为什么以及是如何从 Angular.js 迁移到 Vue.js ？
我捋了下现在应用的单页里面的引入的 css 和 js 库,主要如下, 请问下如果从 angularjs 迁移到 vuejs,是不是 angularjs 的 css 和 js 库都需要找替代的 vue 库,各位 v 友有没有什么迁移建议,能否平滑迁移还是重写，或者有好的实践文章推荐，感谢!
全局 css 样式
- Font-Awesome: 图标库
- simple-line-icons: 图标库
- bootstrap: 前端 ui 框架
- uniform: Jquery 的表单美化插件
- angular-xeditable: ng 对表格操作的插件
- angular-ui-select: ng 的下拉框插件
- bootstrap-toastr: 消息提示插件
- datatables: 表格插件
- components-rounded: Metronic 的一种样式
- Bootstrap Colorpicker: 颜色选择器
js
- bootstrap-hover-dropdown.js : 下拉菜单插件
- jquery-slimscroll: jquery 滚动条插件
- jquery.blockui.js: jquery 遮罩插件
- highstock: 图表插件
- bootstrap-toastr.js : 消息提示插件
- clipboard.js : 一个不需要 flash，将文本复制到剪贴板的插件
- codemirror.js： 代码高亮
- socket.io.js: 用于与后台消息通讯
- lodash.js : 一个模块化的 js 实用工具库
angularjs
- angular-sanitize.js： 防止跨站攻击
- angular-touch.js： 移动端的 touch 事件
- angular-ui-router： 可嵌套路由 --> 可实现页面局部刷新，同时导航栏地址变化
- ocLazyLoad.js : ui-router 局部刷新加载的页面不能加载其中的 script 标签，即无法执行其 js 代码。可通过 ocLazyLoad 来实现加载对应的 js 或者 css
- ui-bootstrap-tpls.js : angularjs 操作 bootstrap 组件
- angular-xeditable.js: ng 对表格操作的插件
- angular-ui-select.js : ng 的下拉框插件
 |
1
sfree2005 2018-07-26 15:54:02 +08:00 via Android  1
你就当是重新用 vue 写这个 web app，angular 版本的就当是需求文档就好。你当然是需要认真读原项目代码的，部分可能也可以直接拷贝，但我想在实现同一个大功能的时候，你首先要去查下 vue 怎么实现，有没有类似的库给你直接用之类的。
|
 |
2
wu67 2018-07-26 16:02:43 +08:00 1
去年我从 vue1.*升到 2.1 的时候, 实在忍不住了, 干脆立项重写...
clipboard 可以直接过渡, lodash 这货还有存在意义吗?直接 es6 大法呀, 其他没用过不作评论 |
 |
5
whypool 2018-07-26 16:11:47 +08:00
重构
|
 |
7
yhxx 2018-07-26 16:15:51 +08:00
从 angular1.x 升级到 angular2 都基本等于重写
|
 |
9
learnshare 2018-07-26 16:20:51 +08:00 1
大概是可以用一部分样式和第三方插件，其他的都要重写
|
 |
10
countdown OP @learnshare 想想确实是只有部分可复用，angularjs 的第三方插件替代下估计就得好好找找了
|
 |
11
leafiy 2018-07-26 17:01:56 +08:00 via Android 1
刚好在做一个 ang to vue 和一个 react to vue，除了 css 真没啥过渡可说，还有一些 utils 可用，ui 方面的就别想了，要么重写要么重找
|
Select Language