Javascript Vue<；路由器链路>；不可点击

我正在尝试使用一些简单的路由设置一个Vue应用程序，以便可以导航到不同的页面。我通过npm安装了Vue Router，并尝试在线学习了一些教程，但我似乎不明白为什么我的不可点击，或者为什么我手动键入URL时，它不会改变任何东西。感谢您的帮助。多谢各位

main.js：

从“vue”导入{createApp}
从“./App.vue”导入应用程序
导入“/vue api调用/styles.css”
从“vue路由器”导入VueRouter
从“/About”导入关于
从“/Home”导入主页；
常数路由=[
{路径：'/about'，组件：about}，
{路径：'/home'，组件：home}
]
const router=new VueRouter（{routes}）
createApp（应用程序，路由器）。挂载（“#应用程序”）
导出默认路由器

您忘记告诉Vue使用VueRouter。从

从“vue”导入{createApp}；
从“/App.vue”导入应用程序；
...
...
常数路由=[
{路径：'/about'，组件：about}，
{路径：'/home'，组件：home}
];
const router=new VueRouter（{routes}）；
createApp（App）.use（router.mount（'#App'）；//请共享package.json文件
import { createApp } from 'vue';
import App from './App.vue';
...
...

const routes = [
    {path: '/about', component: About},
    {path: '/home', component: Home}
];

const router = new VueRouter({routes});

createApp(App).use(router).mount('#app'); // <== Here

export default router;