如上圖,全部的數據是從php獲取過來的。因此就引出了vuejs 與php通訊之說。百度了一下須要使用到一個vue插件 就是今天的主題 vuejs 學習旅程之 vue-resourcephp
vue-resource 相似於jquery裏面ajax 庫。html
要達到上面的效果需如下幾點:vue
一、與php通訊,獲取數據jquery
二、渲染數據 循環遍歷items 數組ajax
思路:與php通訊就是要使用到vue-resource這個插件 ,獲取到數據而後賦值給items ,最後循環遍歷items數組。數組
create:方法是進入頁面的時候執行。這裏是進入頁面的時候就執行getCustom方法,getCustom方法就是跟php通訊獲取數據。vue-resource
這裏僅僅只使用了$http 的get方法。post
關於vue-resource具體使用方法,請參考一下連接,我也是參照那裏寫的,有get,put,post,delete...http的幾種經常使用的方法學習
http://www.cnblogs.com/wenJiaQi/p/6359209.html 插件