使用 Vue Router 返回 JSON

Question

当用户在我的应用程序上点击 /nav 时，我需要返回一个 JSON 对象。此 JSON 以编程方式使用，不能只是字符串。

有没有办法制作一个只有 JSON 的 vue 组件？或者告诉路由器返回JSON的方法？

谢谢！

Answer 1

有没有办法制作一个只有 JSON 的 vue 组件？

不要创建一个只有 JSON 的 vue 组件，而是创建一个 JSON 对象并将其导出

jsonInput.js

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

将 JSON 对象导入到您的组件中

行星.vue

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