php渲染vue,php渲染html代碼

本文目錄一覽：

既然清楚了原理，那麼，接下來進入正題——我知道了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/zh-hk/n/147573.html