将vue路由器用于文件系统

Question

所以我对这个项目的想法是获取具有以下结构的JSON文件：

const files= [
{
 id : 0,
 name : 'Root Folder',
 owner : 'ownerA',
 date : '17-03-2020',
 files : [
  {
    id : 1,
    name : 'Documents',
    owner : 'OwnerA',
    date : '17-03-2020',
    files : [...]
  },
  {
    id : 2,
    name : 'Pictures',
    owner : 'OwnerA',
    date : '17-03-2020',
    files: [...]
  }]}]

并使用给定的数据创建可搜索的文件系统。 但这就是vue-router发挥作用的地方，我的想法是从API提取数据并进行处理，以便在搜索文件时更新路由，并在刷新时保持与以前相同的文件。

我不确定是否应该使用fetch-all方法并仅推入每个单击的文件夹，或者是否应该从加载页面的那一刻开始创建所有路由，因为此文件系统可以获取挺大。 然后应该从路由中获取数据，而不是直接从JSON中获取数据，对吧？

请记住，应该一次又一次地重复使用相同的组件。

任何帮助将不胜感激！