前后端未分离的情况下，如何顺畅的使用 vue ?

[chenrf]

前提

• 项目后端是 TP6 写的，前后端耦合
• 前端使用的 layui 框架
• 后面需求功能越来越复杂，但也是还处于单页面的状态

问题

• 有一个需要繁杂功能的页面，想说用 vue 框架去开发，然后打包成 xxx.php 文件
• 如何做到热更新？
• 多入口页面打包的方式跟后端耦合的弊端？

[shuimugan]

补充一下上面的“打包完的所有资源放一个 json 里”，指的是静态资源的元数据

[wooop]

webpack 打包成 inde.html 然后 PHP 引入这个 html 我 10 年前的.net 后台就是这样用的

[2kCS5c0b0ITXE5k2]

我就是直接引入用 直接把 vue 当 jq 用 不用写样式 直接用 ui 库来做页面 数据提交用 axios 挺舒服的。。

[ccraohng]

类似 php jsp，自己可以写个 loader 本质上就是字符查找替换，然后把 htmlplugin 输出导向大到 文件中

[shuax]

不分离也可以当做 jquery 用的

[sarices]

vue 没有说一定要打包才能用啊，你直接写到 html 里面就好了啊

[hellolex]

不分离是部署不分离吗？那不就开发完后构建一套 dist 丢给后端自行输出不就可以？

[Tdy95]

[http-vue-loader]( https://github.com/FranckFreiburger/http-vue-loader) 可以在线编译 vue 单文件，开发体验近似单页应用了。之前公司的老项目用过这个做渐进式开发升级。

[redbuck]

可以用 webpack 的.
我司后端.net-core,模板用 cshtml.
前端构建生成 js 与 cshtml,cshtml 引入 layout.cshtml 与 js.
同步数据可以塞到一个隐藏的 input 里提供给前端.异步就 ajax.

前端开发时通过 devserver 请求后端页面,爬到同步数据组装 html 返给开发环境,异步接口就 devServer 自带代理.

其余跟正常的前后端分离项目一样.