如何在其他VUE文件中使用Vue3 Router

Question

所以我使用Vue3。我不确定如何在各个 VUE 文件 javascript 部分中使用应用程序中其他页面的路由器。因此，如果我有一个 Register.vue 视图（在应用程序中为 /register），我如何在该 .VUE 上使用该脚本部分的 javascript 中的路由器。

main.ts

import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import vue3GoogleLogin from 'vue3-google-login'

const app = createApp(App)

app.use(createPinia())
app.use(router)

app.use(vue3GoogleLogin, {
  clientId: ''
})

app.mount('#app')

其他.VUE

<SCRIPT setup>

Axios.post(etc etc).then(etcetc){
 how do I do route change
}

</SCRIPT>

Answer 1

在组合 API 中：

import {useRouter} from 'vue-router';
const router = useRouter();

在选项 API 中：

this.$router

在模板中：

$router