vue.js 怎么获取数据

export default {
  data() {
    return {
      message: 'Hello Vue!'
    };
  }
};

// 父组件
<template>
  <ChildComponent :parentMessage="message" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: 'Hello from parent'
    };
  }
};
</script>

// 子组件
<template>
  <div>{{ parentMessage }}</div>
</template>

<script>
export default {
  props: ['parentMessage']
};
</script>

// store.js
import { createStore } from 'vuex';

const store = createStore({
  state() {
    return {
      globalMessage: 'Global message'
    };
  }
});

export default store;

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState(['globalMessage'])
  }
};

export default {
  data() {
    return {
      items: []
    };
  },
  created() {
    fetch('https://api.example.com/items')
      .then(response => response.json())
      .then(data => {
        this.items = data;
      });
  }
};