Vue Router - сборка из JSON - PullRequest
Новая
       3

Vue Router - сборка из JSON

0 голосов
/ 26 мая 2019

Я совсем новичок в Vue.js.Я привык к ванильному JavaScript.
Мне нужно иметь возможность генерировать маршруты маршрутов из файла JSON.
Как мне его достичь?

EDIT

Например, скажем, это мой JSON: 

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

Мне в основном нужен Vue Router для перенаправления URL/product-1 на компонент Product 1 (который будет <Product-1></Product-1>) и URL/product-2 на Product2-х компонентный (<Product-2></Product-2>)

1 Ответ

0 голосов
/ 26 мая 2019

Предполагая, что имя вашего компонента 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}`)),
})
...