bottle + vue.js 打造你的單頁應用

標籤：

看到各種單頁應用之後，覺得單頁應用簡直酷斃了，作為一個技術宅，在假期的 時候惡補了一下vue ，覺得還不錯，不過想想前端的東西畢竟還是太廣博了。我也不知道怎麼寫反正應用起來有點彆扭，就是資料太少了，成型的東西 也太少了，就說說簡單的思路吧。

vue相當於前段的架構，用於更新資料，廢話不多說，

僅僅說應用引入vue

第一，我想做一個單頁應用

第二，靜態檔案又http伺服器轉寄給用戶端，而服務端就可以不參數與這些檔案的更新，僅僅保持資料通訊即可

第三，假期確實閑著無聊，我是知道react 的，但是糾結於他的蛋疼文檔

因為bottle體積足夠小，足夠的輕量，畢竟是個實驗性質的東西。

也不知道這樣 逼格算不算高。

目前來說技術棧已經沒問題了，反正這裡的人也不是很在乎這些，技術性的問題我也不打算寫，只當個筆記第一，為了重寫路由我要引入 vue-router.js，第二，為了與伺服器通訊我引入了vue-resource.js,第三，本來可以使用jq 的來進行ajax 通訊來著，但是為了彰顯逼格就使用了vue-resource，但是我發現引用的semantic 使用的是 jq ，也就是說，我莫名其妙的引入了個 resource。

也就是一同三個檔案，vue，vue-router，vue-resource這三個靜態檔案，雖然體積不是很大，但是也造成了不小的困惑，因為他們的文檔是分開的，各自講述自己的內容，

例如
vue-router 分為兩版對應vue 不同的版本，對於的api 不同，vue-resource 和vue的問題，vue 如果是向外延展群組件的話，如果在子類中更新內容，因為是非同步請求的，也就是說，更新之後並不會更新內容，所以會一直是初始化，需要在產生的時候更新，使用jq 的時候改成同步擷取，即可，該用官方推薦的 resource 之後沒這個選項，所以在 created 的時候更新了資料。當然不敢妄加評論。

各個視圖由於被拆分成了js檔案，所以引用的數量更多了，不過可以寫到請求內實現這些。

bottle + vue.js 打造你的單頁應用