Vue.js 链接不可点击，Home组件默认不加载

Question

好的，我刚刚开始 vue.js。我已将 TypeScript vue.js 项目添加到现有的 Visual Studio 2017 解决方案中。开箱即用，效果很好。

但是现在，我正在尝试做一些应该非常简单的事情...创建一些页面并在它们之间导航。我找到了 3 或 4 个教程，但其中 none 与我已有的内容足够匹配，使它们具有适应性，而且我很难在 vue.js 的文档中找到我需要的内容。

这是我的项目现在的截图....

这是 App.vue 文件：

这是 router/index.js 文件：

有了所有这些，下面是在浏览器中呈现的内容：

这几乎是正确的，除了两件事：

1) Home 和 Time Sheet 的链接不会呈现为可点击的 html 链接。这是它们在开发工具中的样子：

2) 以为默认会加载Home组件，没想到

那么，两个问题：

1) 如何让链接可点击？

2) 为什么主页默认不加载？

编辑：

这是 main.ts 文件：

Answer 1

您还需要在 main.js 文件中设置 vue-router。这是一个例子：

import router from './router' 
 new Vue({  
   render: h => h(App),  
   router 
 }).$mount('#app')

Vue.js links are not clickable, and Home component does not load by default