本文目录一览:
- 1、Vue.js入门教程(三)双向绑定和数据渲染
- 2、PHP后端渲染模式怎么用Vue.js框架
- 3、如何利用vue和php做前后端分离开发
- 4、vue-element-admin怎么直接用浏览器跑起来,而不是用nodejs
- 5、有了react,vue,等这种js引擎,服务端的代码应该怎么渲染,比如php
Vue.js入门教程(三)双向绑定和数据渲染
既然清楚了原理,那么,接下来进入正题——我知道了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只负责显示。
所以,当你了解了数据绑定和渲染以后,你可以第一时间先把数据输出到页面了。
我们前端最厉害的地方不就是处理能看得见的东西吗?
PHP后端渲染模式怎么用Vue.js框架
这个是一个很纠结的问题,要看你web服务器是什么了,如果web服务器是nginx,他负责反向代理和web服务器的话,那用php比较合适。如果nginx仅仅是反向代理的,那你的web服务器是node,那肯定就是node相关的模板渲染要好一些。如果还想知道更多的php知识,可以去后盾人看看教学视频。
如何利用vue和php做前后端分离开发
Blade下的Vue
包括Laravel在内的主流PHP框架都是MVC架构的,在视图层通常都有自己的模板引擎。所以在大一入门的时候我一般是这样写的。
编写一个Laravel的模板文件,传进来PHP的变量并渲染。
{{ $hello }}
通过script标签引入Vue,然后在标签内写vue的逻辑。
还有的太多了,楼主可以自己去后盾人看看,有高清的教学视频
vue-element-admin怎么直接用浏览器跑起来,而不是用nodejs
两个槽点:
1、脚手架里带的 Node 部分,主要充当的是 WebServer,跟浏览器有什么关系?最后都是要 Webpack 打包成纯粹的 html/css/js 项目的。
2、Vue 是【前后端分离】【前后端分离】【前后端分离】(重要的事情说三遍)下的产物,你还要再用 PHP 倒腾回去?emmm……业内确实有 PHP + Vue 直出模板的一些探索,但显然 vue-element-admin 不在这个行列里。
有了react,vue,等这种js引擎,服务端的代码应该怎么渲染,比如php
php写好api数据接口,使用ajax访问接口从服务端获取数据!!然后前端渲染出来!!!