PHP的TP5框架和前端的vue框架怎么组合使用的疑问？

Question

刚学vue两天，了解一些vue的简单使用，但是我现在有个疑问，如果它与其它后端框架比如TP5一起使用，怎么实现前后端分离。因为TP5框架本身在视图层就有自带的smarty模版渲染引擎，所以后端把数据显示在前台，在这个过程中根本用不上vue（个人理解）。
个人疑问：
1.vue.js只是在前端进行简单的DOM操作吗。（比如：给DOM绑定事件、发送ajax请求都后端进行交互）
2.用npm下载的vue-cli有自己的目录结构，但是与后端的框架（如TP5）目录结构该如何结合使用。
3.使用vue.js怎么体现前后端分离。感觉引入vue.js文件和引入JQ文件写前端一样，并没有体现出前后端分离的作用

Answer 1

如果使用vue的话，TP框架就不使用smarty模版了，直接返回JSON。所有数据交互都以API接口的方式交互。

Answer 2

这就是前后端分离 vue负责前端 tp负责api

Answer 3

首先vue跟jq还是有很大的差别，vue在前端的意义不仅仅是操作和渲染数据，还具备全局以及组件化的功能。前后分离应用上，数据交互仅使用json传输，后端负责api，前端负责接收。对于vue-cli有自己的结构于后端毫无关系，最终前端打包后，后端只需要将入口文件index.html作为前端网站即可。开发过程中，前端可以不打包用跨域的方式进行数据传递，也可以打包上传在同域下进行数据交互

Answer 4

前后端都分离了，所以你就不用去想 Vue 怎么往 TP 里揉了。
Vue 写前端页面呈现。TP 写后端接口就成了。