vue-cli写一个实时显示时间的代码

首先，你需要在项目中安装 Vue.js。然后可以使用 vue-cli 创建一个新的 Vue.js 项目。接下来，你可以在 Vue.js 组件中编写代码来实现实时显示时间的功能。

下面是一个示例代码：

<template>
  <div>
    <p>{{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: new Date().toLocaleTimeString()
    };
  },
  mounted() {
    setInterval(() => {
      this.currentTime = new Date().toLocaleTimeString();
    }, 1000);
  }
};
</script>

这个组件会在页面上显示当前时间，并且会每秒钟更新一次。在 `mounted` 钩子函数中，我们使用 `setInterval` 方法来定时更新时间。在 `data` 中，我们初始化了 `currentTime` 属性为当前时间。在模板中，我们使用插值语法来显示这个属性的值。

你可以将这个组件添加到你的 Vue.js 应用程序中，并在需要的地方使用它。