vue.js:634 [Vue warn]: Error in render: “TypeError: Cannot read property ‘matched‘ of undefined“

最新推荐文章于 2025-03-07 22:28:14 发布

原创最新推荐文章于 2025-03-07 22:28:14 发布 · 4.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #vue-router

收录于

其他专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的Vue.js项目中路由配置的常见错误。作者通过实例展示了如何定义路由规则，并将其正确地挂载到Vue实例上。文章特别强调了将路由实例放置在data属性之外的重要性。

在这里插入图片描述

//创建路由实例对象
    const router = new VueRouter ({
        //routes 是路由规则数组
        routes : [
            //每个路由规则都是一个配置对象，其中至少包含 path和component两个属性
            //path 表示当前路由规则匹配的hash地址
            //component表示当前路由规则对应要展示的组件
            {path: '/user', component: User} ,
            {path: '/register', component: Register}
        ]
    })

    //vue 实例对象
    const vm = new Vue({
        //指定控制的区域
        el:'#app',
        data:{

        },
        //挂载路由实例对象
        // router:router
        router
    })