The question of how to combine PHP's TP5 framework with the front-end vue framework?

I have just studied vue for two days and learned about some simple use of vue, but now I have a question about how to achieve front-end separation if it is used with other back-end frameworks such as TP5. Because the TP5 framework itself has its own smarty template rendering engine in the view layer, the back end displays the data in the foreground, and there is no need for vue (personal understanding) in the process.
personal question:
is 1.vue.js just a simple DOM operation at the front end? (for example, binding events to DOM and sending ajax requests all interact with the backend)
2. Vue-cli downloaded with npm has its own directory structure, but how to use it in conjunction with a back-end framework such as TP5.
3. How to use vue.js to reflect front and rear separation. I feel that the introduction of vue.js file is the same as the introduction of JQ file writing front end, which does not reflect the function of front and back end separation.

Jan.27,2022

if you use vue, the TP framework does not use smarty templates and returns JSON directly. All data interactions interact in the form of an API interface.


this means that the front-end vue is responsible for the front-end tp and the front-end tp is responsible for api


first of all, there is a big difference between vue and jq. The meaning of vue in the front-end is not only to manipulate and render data, but also to have global and component-based functions. In front and back separation applications, data exchange only uses json to transmit data, while the back end is responsible for api, front end to receive. It has nothing to do with the backend to have its own structure for vue-cli. Finally, after the front end is packaged, the back end only needs to use the portal file index.html as the front end website. During the development process, the front end can not be packaged to transfer data across domains, or it can be packaged and uploaded for data interaction in the same domain


both front and back ends are separated, so you don't have to think about Vue how to rub into TP .
Vue write front-end page rendering. TP just write the back-end interface.

Menu