运用vue实现计时器操作1.使用action实现异步操作，点击计数，计数延迟一秒加一

首先，我们需要在 Vue 组件中定义一个计数器的状态变量 `count`，并且在模板中显示出来。然后，我们可以通过定义一个 `startCount` 方法来启动计时器，该方法会调用一个异步的 `action`，在 `action` 中使用 `setTimeout` 方法延迟一秒钟后再更新计数器的状态变量。

下面是一个示例代码：

<template>
  <div>
    <p>计数器：{{ count }}</p>
    <button @click="startCount">开始计数</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0
    };
  },
  methods: {
    startCount() {
      this.$store.dispatch("incrementCount");
    }
  }
};
</script>

然后，在 Vuex 中定义一个 `actions`，该 `actions` 接受一个 `context` 对象，可以通过该对象调用一个 `commit` 方法来更新 `state` 中的计数器变量。在这个 `actions` 中，我们使用 `setTimeout` 方法来延迟一秒钟后再执行 `commit` 方法。

下面是一个示例代码：

const actions = {
  async incrementCount({ commit }) {
    await new Promise(resolve => setTimeout(resolve, 1000));
    commit("increment");
  }
};

最后，在 Vuex 的 `mutations` 中定义一个 `increment` 方法来更新计数器的状态变量。

下面是一个示例代码：

const mutations = {
  increment(state) {
    state.count++;
  }
};

这样，我们就可以在 Vue 组件中调用 `startCount` 方法来启动计时器了。当用户点击按钮时，计数器会延迟一秒钟后加一。