php渲染vue,php渲染html代码

UYYN • 2024-11-01 14:10 • 编程

本文目录一览：

既然清楚了原理，那么，接下来进入正题——我知道了vue怎么安装，那么我怎么使用呢？

在告诉你基础用法之前，我还是要先告诉你一个情况。

可能要令你有点失望。vue主要是侧重于数据端的。他的目的就是渲染数据和在前端调整一下数据逻辑。

他不是像jquery那样让你用来做特技的。就算你要做特技。你也应该通过css3/canvas而不是dom。

所谓的双向绑定，你可以理解就是把view。（你还不清楚mvc的话，请看第一章）

和model绑定到一起。说白了，就是你js中的绑定值变了。你dom中的内容就跟着一块变了。

vue是通过解析{{文字..}}来生成内容的。后面绑定方法，输出内容的时候都会讲到。

列表输出使用 v-for，这些v开头加横杠的叫做命令

这些命令是可以自定义的。但是那都属于高级操作，我们不用它也完全足够支撑做一个大型项目了。

其实你回发现，这里无论是v-for或者是v-什么其他玩意

它都深刻的遵循了es6的语法。这里不就是一个典型的for in 循环吗。不过我们现在都用for of了。

你记住这个用法，它就长这样。

前后端分离开发的关键在于：后台只提供接口。

我们获得的数据多数情况下，仅仅是一个json，而mvvm的关键就再于解析数据在前端完成了。如果你了解jsp或者php你会了解，数据的解析在mvc中，

是由后端完成的，而html只负责显示。

所以，当你了解了数据绑定和渲染以后，你可以第一时间先把数据输出到页面了。

我们前端最厉害的地方不就是处理能看得见的东西吗？

这个是一个很纠结的问题，要看你web服务器是什么了，如果web服务器是nginx，他负责反向代理和web服务器的话，那用php比较合适。如果nginx仅仅是反向代理的，那你的web服务器是node，那肯定就是node相关的模板渲染要好一些。如果还想知道更多的php知识，可以去后盾人看看教学视频。

Blade下的Vue

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

编写一个Laravel的模板文件，传进来PHP的变量并渲染。

通过script标签引入Vue，然后在标签内写vue的逻辑。

还有的太多了，楼主可以自己去后盾人看看，有高清的教学视频

两个槽点：

1、脚手架里带的 Node 部分，主要充当的是 WebServer，跟浏览器有什么关系？最后都是要 Webpack 打包成纯粹的 html/css/js 项目的。

2、Vue 是【前后端分离】【前后端分离】【前后端分离】（重要的事情说三遍）下的产物，你还要再用 PHP 倒腾回去？emmm……业内确实有 PHP + Vue 直出模板的一些探索，但显然 vue-element-admin 不在这个行列里。

php写好api数据接口，使用ajax访问接口从服务端获取数据！！然后前端渲染出来！！！

原创文章，作者：UYYN，如若转载，请注明出处：https://www.506064.com/n/147573.html