vue和thinkphp前后端分离,php怎么前后端分离

　　我是一个上路的新手，前端工程师。刚毕业工作两个月。它让我用vue搭建环境，和php工程师一起开发，这样就把前后端分开了。但是，我只用过简单的vue做一些小组件，完全不知道如何与php工程师合作。ps: php用的是think5。我如何嵌套vue？这两天查资料学习发现vue-cli有自己的逻辑目录。现在我完全不知所措了。可能对于一些有三五年经验的工程师来说只是个小问题，但是困扰我很久了。最后我总结一下问题。1.如何搭建一个有vue和php工程师做前端分离开发的环境？2.你能为我造一个吗？

　　我以前写PHP。转行前端已经两年了~以前经常写Laravel。我在百度和DJI实习过。不知道对你有没有帮助。

　　叶片下的Vue

　　包括Laravel在内的主流PHP框架都是MVC架构，通常在视图层有自己的模板引擎。所以我大一开学的时候一般都是这么写的。

　　写一个Laravel的模板文件，传入PHP变量，渲染。

　　超文本标记语言

　　身体

　　h1 {{ $hello }} /h1

　　/body

　　/html

　　通过脚本标签引入vue，然后在标签里写Vue的逻辑。

　　脚本src=js/vue.min.js /script

　　有了axios的这些ajax库，前端只能写在resources/views文件夹，其他的不管。

　　构建工具下的Vue

　　后来觉得没有NPM和节点太不方便了，就单独建立了一个前端页面的文件夹，编译到resources/views文件夹中。然而，Laravel很快提供了一个集成的构建工具。

　　Laravel Mix为CSS和JS的流编译提供了管道。

　　mix . js( resources/assets/js/app . js ， public/js )。sass( resources/assets/sass/app . scss ， public/CSS )；

　　与Gulp类似，它也运行在Node上。

　　npm安装

　　npm运行开发

　　npm运行生产

　　在app.js中注册组件

　　//app.js

　　Vue.component(example ，require(。/components/example . vue ))；

　　然后就可以直接写在PHP模板里了。

　　@extends(layouts.app )

　　@section(内容)

　　示例/示例//这里使用了vue组件。

　　@结束部分

　　其实原理和之前手工编译是一样的。首先通过webpack翻译组件，生成一个普通的PHP模板，调用PHP。

　　分开并向前

　　后来前端和后端项目都在一个服务器一个文件夹，太窝囊了，不利于扩展。所以大家开始用节点转发。

　　这里的后端工作一般是：

　　写Lumen代码，提供服务，写Restful API文档，用postman测试。

　　前端工作一般是：

　　编写Vue代码，打包编译，使用Node转发API请求，解决跨域问题，使用PM2处理并发请求。

　　现在写JS多了，发现Koa和express对中间层也不错，很久没用PHP了。目前大部分工作是CMS业务，后端JAVA很多，前端直接转发JAVA接口。就是这样。希望对你有帮助。

　　https://www.zhihu.com/question/67171606

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。