Retour de JSON avec Vue Router

Question

Je dois retourner un objet JSON lorsque les utilisateurs cliquent sur/nav dans mon application. Ce JSON est utilisé par programme et ne peut pas être simplement une chaîne.

Existe-t-il un moyen de créer un composant vue uniquement JSON? Ou un moyen de dire au routeur de retourner JSON?

Merci!

Answer 1

Existe-t-il un moyen de créer un composant vue uniquement JSON?

Au lieu de créer un composant vue qui est seulement JSON, créer un objet JSON et l'exporter

jsonInput.js

export const jsonInput = [ 
    { id: "1", title: "Mars" }, 
    { id: "2", title: "Venus" }, 
    { id: "3", title: "Pluto" } 
]; 

Importer l'objet JSON dans votre composant

Planètes. vue

<script> 
    import {jsonInput } from './jsonInput'; 
    export default { 
     data(){ 
      return { 
       planets : jsonInput 
      } 
     } 
    } 
</script>