既然清楚了原理,那么,此时此刻呢进入正题——我知道了vue怎么安装,那么我怎么使用呢?
在告诉你基础用法之前,我还是要先告诉你一个情况.
可能要令你有点失望.vue主要是侧重于数据端的.他的目的就是渲染数据和在前端调整一下数据逻辑.
所谓的双向绑定,你可以理解就是把view.(你还不清楚mvc的话,请看第一章)
和model绑定到一起.说白了,就是你js中的绑定值变了.你dom中的内容就跟着一块变了.
vue是通过解析{{文字..}}来生成内容的.后面绑定方法,输出内容的时候都会讲到.
列表输出使用 v-for,这些v开头加横杠的叫做命令
这些命令是可以自定义的.但是那都属于高级操作,我们不用它也完全足够支撑做一个大型项目了.
其实你回发现,这里无论是v-for或者是v-什么其他玩意
你记住这个用法,它就长这样.
前后端分离开发的关键在于:后台只提供接口.
我们获得的数据多数情况下,仅仅是一个json,而mvvm的关键就再于解析数据在前端完成了.如果你了解jsp或者php你会了解,数据的解析在mvc中,
是由后端完成的,而html只负责显示.
所以,当你了解了数据绑定和渲染以后,你可以第一时间先把数据输出到页面了.
我们前端最厉害的地方不就是处理能看得见的东西吗?
这个是一个很纠结的问题,要看你web服务器是什么了,如果web服务器是nginx,他负责反向代理和web服务器的话,那用php比较合适.如果nginx仅仅是反向代理的,那你的web服务器是node,那肯定就是node相关的模板渲染要好一些.如果还想知道更多的php知识,可以去后盾人看看教学视频.
Blade下的Vue
包括Laravel在内的主流PHP框架都是MVC架构的,在视图层通常都有自己的模板引擎.所以在大一入门的时候我一般是这样写的.
编写一个Laravel的模板文件,传进来PHP的变量并渲染.
{{ $hello }}
通过script标签引入Vue,然后在标签内写vue的逻辑.
还有的太多了,楼主可以自己去后盾人看看,有高清的教学视频
两个槽点:
①.、脚手架里带的 Node 部分,主要充当的是 WebServer,跟浏览器有什么关系?最后都是要 Webpack 打包成纯粹的 html/css/js 项目的.
②.、Vue 是【前后端分离】【前后端分离】【前后端分离】(重要的事情说三遍)下的产物,你还要再用 PHP 倒腾回去?emmm......业内确实有 PHP + Vue 直出模板的一些探索,但显然 vue-element-admin 不在这个行列里.
php写好api数据接口,使用ajax访问接口从服务端获取数据!!然后前端渲染出来!!!
以上就是土嘎嘎小编为大家整理的php渲染vue相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用,就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦!!