ts路由跳转

<script setup lang="ts">
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance() as any;

//引入useRouter 
import { useRouter } from "vue-router";
const router = useRouter();

function login(): void {}
let data = {
  roleId: "A",
  username: "dpc",
  password: "dpc12345",
  sysType: "zhfw",
};
const logins = () => {
  let result = proxy
    .$post("/index/login", data)
    .then((response: any) => {
      console.log(response);
    })
    .catch((error: any) => {
      console.log("有问题", error);
      router.push({
        name: "home",
      });
    });
};
</script>

<template>
  <div id="son">
    我是儿子
    <div id="sun" @click="logins()">我是孙子</div>
  </div>
</template>

<style scoped lang="scss">
#son {
  color: aqua;
  #sun {
    color: red;
  }
}
</style>