Vue.js链接不可单击，默认情况下不会加载Home组件

Question

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

但是现在，我正在尝试做一些应该非常简单的事情...创建一些页面并在它们之间导航。我已经找到了3或4个教程，但是它们都不足以使我变得适应性强，我很难在vue.js的文档中找到所需的东西。

下面是我的项目的屏幕快照。

这是App.vue文件：

这是router / index.js文件：

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

此ALMOST正确，但以下两点除外：

1）Home和Time Sheet的链接未呈现为可点击的html链接。这就是他们在开发工具中的样子：

2）我认为默认情况下会加载Home组件，但事实并非如此。

因此，有两个问题：

1）我如何使链接可点击？

2）默认情况下，为什么Home不能加载？

编辑：

这是main.ts文件：

Answer 1

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

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