Question

我的模板中包含以下代码：

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

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')

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

<router-view> </router-view>

在page1.html上？我该怎么办？

Answer 1

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

使用Vue路由到另一个页面

1 个答案: