＜router-view＞＜/router-view＞渲染空白,但没有任何错误提示

大侠～

于 2021-05-21 20:32:53 发布

阅读量1.6k

点赞数 2

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_45469341/article/details/117134591

版权

本文详细介绍了在Vue.js应用中配置Vue Router时常见的两个错误：将`routes`误写为`routers`以及将`component`拼写错误为`compoment`。这两个小错误可能导致应用无法正常运行，通过正确识别和修正这些错误，可以确保路由与组件的正确映射，从而避免开发过程中的困扰。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原因一：‘routes’写为’routers’

const  routes= [{ //变量名是routes,而不是routers
        path: '/home',
        component: Home
    },
    {
        path: ' /about',
        component: About
    }
]
const router = new VueRouter({
        // 配置路由和组件之间的映射关系 ,ES6缩写语法，相当于routes:routes
        routes
    })