[{"data":1,"prerenderedAt":19},["ShallowReactive",2],{"QUERY_TAGS:B3b5OjmqyjqWLnDnlmK_cjXXG_IlJhdFq6HNkP652m8":3},{"name":4,"posts":5},"Dynamic Layout",[6],{"path":7,"title":8,"description":9,"tags":10,"created":13,"readingTime":14},"\u002Fposts\u002Fdynamic-vue-layout","使用 Vue.js 實作動態布局（Dynamic Layout）","在使用 Vue 在製作比較複雜的專案時，可能會因應不同的頁面需求需要有多種不同的 Layout 設定，在 Nuxt.js 可以輕鬆的利用屬性來設定，但在 Vue CLI 下或是 Gridsome 中要如何實作呢？這裡將分享幾種實作方式。",[11,12,4],"Vue","Gridsome","2020-06-10 22:31:55",{"text":15,"minutes":16,"time":17,"words":18},"16 min read",15.45,927000,3090,1778395100378]