㈠ 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只負責顯示。
所以,當你了解了數據綁定和渲染以後,你可以第一時間先把數據輸出到頁面了。
我們前端最厲害的地方不就是處理能看得見的東西嗎?