如何在vuejs中读取json对象？

import jsonData from '@/assets/data.json';

export default {
  data() {
    return {
      myData: null,
    };
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      this.myData = jsonData;
    },
  },
};

import axios from 'axios';

export default {
  data() {
    return {
      myData: null,
    };
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      axios.get('https://api.example.com/data')
        .then(response => {
          this.myData = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    },
  },
};

<template>
  <div>
    <p>{{ myData.name }}</p>
  </div>
</template>