在Vue.js中，获取数据的方法有很多种，以下是一些常见的方法：

    从服务器获取数据：

    • 使用axios或fetch API从后端API获取数据。
    • 在组件的created或mounted生命周期钩子中调用API。

    使用Vue实例的data属性：

    • 在组件的data函数中定义一个返回对象的函数，对象的属性就是数据。

    使用props：

    • 从父组件传递数据到子组件。

    使用Vuex：

    • 使用Vue的状态管理库Vuex来存储和管理应用级数据。

    使用本地存储：

    • 使用localStorage或sessionStorage来存储数据。

    使用全局事件总线：

    • 在Vue实例中使用事件总线来跨组件通信。

    使用Vue Router的导航守卫：

    • 在路由守卫中获取数据。

下面是一个简单的示例，展示如何在Vue组件中使用axios从服务器获取数据：

<template>
  <div>
    <h1>{{ message }}</h1>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      message: ''
    };
  },
  created() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.message = response.data.message;
      })
      .catch(error => {
        console.error('Error fetching data: ', error);
      });
  }
};
</script>

在这个例子中，我们在组件的created钩子中调用axios.get来获取数据，并将获取到的数据赋值给组件的message属性。

请根据你的具体需求选择合适的方法来获取数据。