vue前后端分离问题，求解

Question

现在是php的项目，前后端没分离，页面取值是php直接获取的，现在想要把前端项目放到php这个的项目的文件夹里可以吗，比如在现在的项目文件夹pc，我用.vue工程化引入modules的格式在这里面写前端可以吗，还是用html引入vue.js，求解

Answer 1

方案一：前后端不分离，Vue 走 webpack 工程化编译（你说的方案）

方案是可以得。

但是需要注意的是，需要编译 js 文件了，因为 html 模板是在 js 中。
.vue 文件经过 vue-loader 解析成了 js，这样的话你写的 php 的模板字符需要在 js 中替换。

不推荐使用，因为不太好写。

方案二：前后端不分离，Vue 走 babel 之类（算是兼容方案，你说的 html 引入 vue.js）

把 php 输出部分写在 html 中，然后Vue通过gulp之类的解析输出。

推荐使用，属于改动最小，而且也可以解决 babel、autoprefixer 之类的问题

方案三：前后端分离

不使用 php 模板渲染。

方案三大改动：前后端分离，webpack 工程化

完全切过来需要一定时间，

方案三小改动：前后端分离，gulp 工程化

基本上可以和之前的交叉使用