Vuejs2 使用Vue路由到另一个页面

我的模板中有以下代码：

<router-link to="/page1">Go to Page1</router-link>

转到第1页

Vue部件：

    const Page1 = { template: '<div>Hello Page1</div>' }

    const routes = [
        { path: '/page1', component: Page1 },
    ]

    const router = new VueRouter({
        routes
    })

    var app = new Vue({

        router,

        el: '#app',

    }).$mount('#app')

const Page1={template:'Hello Page1'}
常数路由=[
{路径：'/page1'，组件：page1}，
]
常量路由器=新的VueRouter({
路线
})
var app=新的Vue({
路由器，
el:“#应用程序”，
}).$mount（“#应用程序”）

我希望Page1组件是一个类似Page1.HTML的HTML页面，而不是“Hello Page1”。我应该有吗

<router-view> </router-view>

---

在page1.html上？我该怎么做呢？

我不太明白你的问题。您使用的是Vue路由器，它与Vue构建单页应用程序的方式集成。但是，您想显示一个普通的html页面吗？

如何将另一个页面作为组件导入Vue路由器？