Firestore Realtime Database 對於 Array 的建置

在 Firebase 對於 Realtime Database 的初步使用 中有談到建立一個節點 vue2-spa，要給這個節點一個 名稱 (name) 及 值 (value) 才可以。但在 Vuetify 的 TreeMenu 並不需要，它需要的是 array 的結構。

treeItems: [
  {
 name: "Home",
 file: "home",
 to: "/home",
  },
  {
 name: "Menu Demo",
 children: [
   {
  name: "TreeMenu",
  file: "tree",
  to: "/learning-TreeMenu",
  codepen: "OJbYdBJ",
   },
   {
  name: "ListMenu",
  file: "tree",
  to: "/learning-ListMenu",
  codepen: "NWbVqqW",
   },
 ],
  },
  {
 name: "Layout Demo",
 children: [
   {
  name: "Top&Aside",
  file: "tree",
  to: "/learning-Top&Aside",
  codepen: "ExNMEdP",
   },
 ],
  },
],

在  Firebase 的 Realtime Database 建置也可以如下圖，就可以得到如 Array 的 json 結構資料了。

實際的展示可以參考展示網址 : https://polinwei.github.io/vue2-vuetify/