Question

我对Vue.js很陌生。我已经习惯了JavaScript。
我需要能够从JSON文件生成路由路径。
我该如何实现？

编辑

例如，说这是我的JSON：

[
  {
    "name": "Product 1",
    "url": "product-1",
  },
  {
    "name": "Product 2",
    "url": "product-2",
  }
]

我基本上需要Vue Router将URL/product-1重定向到产品1的组件（将是<Product-1></Product-1>），并将URL/product-2重定向到产品2的组件（<Product-2></Product-2>）

Answer 1

假设对象中组件的名称为name，我们需要将结构与Vue Router API匹配。因此，我们可以执行以下操作：

const myRoutes = [
  {
    "name": "Product 1",
    "url": "product-1",
  },
  {
    "name": "Product 2",
    "url": "product-2",
  }
]

const router = new VueRouter({
  routes: myRouters
          .map(({name, url})=>({component: name, path: `/${url}`)),
})

Vue路由器-从JSON构建

1 个答案: