怎样把 vuejs 渐进式整合到已经有大量 jQuery 代码的老网站里？

[openplatform]

vuejs 肯定是要全部取代 jquery 的 但也不可能一夜之间全部改写，几乎不可能。

所以这个渐进式取代是怎样发生的？有人能给出一些经验之谈么？

[quietcoder]

提供一个思路：
新建一个 vue 项目, 然后针对你的老项目挨个页面修改，改完了之后使用 iframe 内嵌到老项目里面，然后一个一个页面处理就好了，等全部处理完了直接替换掉老的项目，这样可以避免出现一些 “交叉感染” 的问题。

[openplatform]

@zhuweiyou 我就是“其他同事”

[lrz0lrz]

vue 本来就以『渐进式』为卖点之一，在页面中通过 <script> 引入就行了，与 jQuery 基本没有冲突。

[zhuweiyou]

@openplatform 哈哈

[MeteorCat]

没必要，如果 vue.js|jquery.js 一起引入又没必要
但是去除其中 jquery，你不知道到底整个 ui 框架有没有依赖 jquery[没错，就是 boostrap 有的组件依赖 jquery]

[ferrum]

我现在维护的一个项目，原来是用 jQuery 写的，为了提高开发效率，我把 vue、Element UI、axios 等库都通过 script 标签加入到 HTML 内。

然后每个 HTML 是通过监听 hash change，然后使用 XHR 动态加载到页面的。这样的做法好处是，每个 HTML 页面对应着一个单独的 vue 组件，实际上也是为了提供和 spa 尽可能相似的开发体验。

题外话，每次遇到这样的问题，都总有一些人冒出来说 jQuery 多好多好，真的烦。我觉得这些人都不是专业的前端开发者，很可能是原来做后端的，平时业余时间偶尔写写前端，觉得前端复杂度也不过如此。你要是做个一个常规的企业后台管理系统，就是左边有侧边栏，顶部有用户信息，右侧显示内容，系统包含大量表单、表格、弹出窗等常见 UI 组件，你就不会觉得 jQuery 开发效率高。你觉得 jQuery 好是因为你只会 jQuery。

[swsh007]

vue 也不是唯一的选择，没有啥东西是永恒不变的，也没谁能完全替代前人，所以，自己觉得咋好就咋干，工具如果能提升效率就是好工具，但不是提升效率就是好框架好模板。

[580a388da131]

所以说叫码农嘛 体力活 慢慢改

[ycz0926]

@wlwood 后端程序员表示，巴不得前后端分离呢，一套 api，多个平台使用，省事

[whypool]

只能当模版用

[cxbig]

并行，一个个区块替换掉

[sarices]

之前一个新项目，一个小小的后台用了 vue spa 方式写，同事接手不了

[bzw875]

我试过了，之前用的是 jQuery 然后引入 Vue。然后页面代码乱得很难看，感觉下一个接手的前端杀我的心都有了

[crs0910]

什么时候 📱 能用实体键换电台频道，并且手感不能比 📻 差太多，我才承认 📱 可以替代 🔦。
现在的 📱 嘛？不过是一个畸形儿，谈不上电器，也谈不上通讯。

[xudaiqing]

没用过 vue.js ，但是不能直接把原来的 jquery 网站做为纯 template 在 vue 里面直接用吗？我以前在 ember 下就是这么做的。