前面元件/組件(Compnent)篇已介紹內外資料如何傳遞，這篇將更進一步討論 若是情況不再單純，組件樹過深、彼此平行的組件仍要進行狀態同步，要如何管理呢？ 有人得跳出來做狀態管理，官方推薦 Vu...
樣式框架 除了前兩篇介紹的常用樣式框架，Sematic UI 的互動效果頗為精緻。可惜目前 Vue 2.x 還待有緣人一起來弄。 若用在 1.x 上，你可以參考這兩個專案 Vue-UI vue...
Bootstrap 以外的常用樣式 - Material Design，小弟用得少，只介紹官方推薦的 vue-mdl(Material Design Lite)，支援 Vue 2.x。 已提供組件...
設計網站原型或不需客製設計風格時，最常用 Bootstrap。 Bootstrap 4 BootstrapVue (2.x) [Vuestrap Base Components]http://kz...
Vue.js是以操作資料為主軸，因此開發中需要觀察當時資料是否如預期。 以往透過console印出物件讀狀態，比較沒效率。透過瀏覽器開發者工具下中斷點，觀察變數狀態亦可。 官方提供Vue專屬除錯工具...
去年底 Vue 作者(Evan You)宣佈vue-resource不再是官方推薦，參考這篇文章 比起Angular、React，你會發現 Vue.js 的維護團隊小很多，若是一個套件有第三方資源替代...
倒數10天，接下來將介紹Vue生態圈有什麼現成套件。 前面範例講解了如何操作Vue Instance的資料，接下來呢？ 何不拿後端現成的資料來玩玩？ 有不少選擇 vue-resource Axios...
列完大綱，這篇還在寫，晚點再來看吧。 組件(component)間的其他連結 Vue.js 14、Vue.js 15 兩篇分別介紹組件內外資料交換的標準途徑，其實組件間還存在其他連結，各有其用途。某些...
使用組件有三個步驟 宣告建構子(Constructor) 註冊組件(Regist Component)2.5 建立組件(Create Component) 掛載組件(Mount Component)...
在講組件掛載之前，發現前面漏寫了Vue的生命週期，這邊先岔個題、簡單說明。 Vue會把資料跟樣板綁在一起，使得開發者不需要自己做雜事，只需宣告好資料、要放在哪。也因此，Vue執行了一連串工作，包含在原...