Question

我在Vue工作的第一天。我初始化了我的应用程序。我想添加一个Login组件，当我在main.js中设置路由时，没有页面可用。

import Vue from 'vue'
import App from './App.vue'

import VueRouter from 'vue-router'

import Login from './components/Login.vue'

const routes = [
  { path: '/', component: App },
  { path: '/login', component: Login }
]

const router = new VueRouter({
  mode: 'history',
  routes 
})

new Vue({
  router
}).$mount("#app")

仅在向Vue对象添加渲染选项并渲染App组件时有效。

new Vue({
  router,
  render: h => h(App) // or Login
}).$mount("#app")

如何确保渲染路线组件？

Answer 1

您应在router-view组件内添加App组件，例如：

<template>
   <div>
     <router-view></router-view>
  </div>
</template>

在Vue.js中使用路由器渲染组件

1 个答案: