在外部文件中路由模板？

Question

在C＃MVC项目中，我在网站的一小部分使用VUE。

我已经使用vuejs和vue-router设置了一个重定向的简单解决方案。 我希望我的模板文件在外部，.vue或.html文件中，我可以调用，而不是在我的脚本中使用内联模板。但是我该怎么做？

页面HTML

<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>    
<router-view></router-view>

Vue脚本：

const Foo = { path: 'mytemplate.html' }
    const Bar = { template: '<div>bar</div>' }
    const routes = [
        { path: '/foo', component: Foo },
        { path: '/bar', component: Bar }
    ]

    const router = new VueRouter({
        routes
    })

    var vm = new Vue({
        router
    })

path: 'mytemplate.html'不起作用。还有其他方法吗？