vue.js - Router-Link 在 url 中调用但不显示页面总是主要显示

Question

我是 vuejs 的新手。单击主页中的链接时，我想显示其他页面。但是我已经放了路由器链接标签。但是当在 dev 中运行并单击 url 时，正在添加但页面没有重定向。请帮助我。谢谢你。

index.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)
export const constantRouterMap = [{
        path: '/main',
        component: () =>
            import ('../views/main/main'),
        hidden: true
    },
    {
        path: "/about",
        component: () =>
            import ('../views/about/about'),
    }
]

export default new Router({
    // mode: 'history',
    routes: constantRouterMap
})

export const asyncRoutes = []

主.vue

<template>

  <div id="main">
    <router-link to="/about"> 
        About
    </router-link>
  </div>
</template>

关于.vue

<template>
  <div class="about">
    <h1>This is about page</h1>
  </div>
</template>

单击路由器链接时显示的链接

标签： vue.js