效果如下

image.png

上代码

html代码
<h2>
        <span style="color: #1890FF"> {{ time }} </span
        >秒后自动跳转
      </h2>

data() {
    return {
        // 初始化0
      time: 0,
    };
  },
  methods: {
    //   封装一个方法
    countDown() {
      let THIS = this;
      THIS.time--;
    },
  },
  mounted() {
    let THIS = this;
    // 把time改为5
    THIS.time = 5;
    // 设定一个定时器，每一秒调用一次coundDown方法，time-1
    setInterval(THIS.countDown, 1000);
  },
  watch: {
    //   监听time的值
    time: function (newVal) {
      if (newVal == 0) {
        this.$router.push("/login");
      }
    },
  },
};