vue2 mounted同时挂载同一个接口传不同的参数

可以在 mounted 生命周期中调用接口方法时，根据不同的参数进行调用。例如：

mounted() {
  this.getData('param1')
  this.getData('param2')
},
methods: {
  getData(param) {
    axios.get('/api/data', {
      params: {
        param: param
      }
    }).then(res => {
      console.log(res.data)
    })
  }
}

这样就可以在 mounted 生命周期中挂载同一个接口，但传入不同的参数进行调用了。

相关问题

vue2 mounted挂载同一个接口同一个页面上，传不同的参数

在 Vue2 中，您可以使用 `watch` 监听参数的变化，并在变化时重新调用接口获取不同的数据。具体实现方法如下：

1. 在 `data` 中定义需要传递的参数，比如 `paramA` 和 `paramB`：

   data() {
     return {
       paramA: 'valueA',
       paramB: 'valueB',
       data: null
     }
   }

2. 在 `watch` 中监听参数的变化，并重新调用接口：

   watch: {
     paramA: function() {
       this.fetchData()
     },
     paramB: function() {
       this.fetchData()
     }
   }

3. 在 `mounted` 中调用接口获取数据：

   mounted() {
     this.fetchData()
   },
   methods: {
     fetchData() {
       const url = 'your-api-url'
       const params = {
         paramA: this.paramA,
         paramB: this.paramB
       }
       axios.get(url, { params })
         .then(response => {
           this.data = response.data
         })
         .catch(error => {
           console.error(error)
         })
     }
   }

在上面的代码中，我们定义了 `paramA` 和 `paramB` 两个参数，并在 `watch` 中监听它们的变化。当参数发生变化时，会调用 `fetchData` 方法重新获取数据。在 `fetchData` 方法中，我们使用 `axios` 发送 GET 请求，并将参数传递给后端。当后端返回数据时，我们将其保存在 `data` 中，以便在页面上展示。

写一个vue的mounted例子

当在Vue中使用mounted钩子函数时，可以在组件实例被挂载到DOM后执行一些初始化操作。以下是一个简单的Vue mounted的例子：

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

<script>
export default {
  data() {
    return {
      message: "Hello, Vue!"
    };
  },
  mounted() {
    console.log("Component mounted");
    // 在这里可以执行一些初始化操作，比如发送请求获取数据等
  }
};
</script>

在上面的例子中，当组件被挂载到DOM后，mounted钩子函数会被调用。在这个钩子函数中，我们可以执行一些初始化操作，比如发送请求获取数据、订阅事件等。在这个例子中，我们在控制台打印了一条消息来表示组件已经被挂载。