vue-router vue路由中的问题（坑）

傷城~ 2022-05-30 05:20 223阅读 0赞

[Error in render function: "TypeError: Cannot read property 'matched' of undefined"][Error in render function_ _TypeError_ Cannot read property _matched_ of undefined]

webpack4.0.1中 ，也存在以下问题（注意点）：

1、VueRouter实例化时的参数，可以简写为routes，表示routes:routes。但是要注意的是，“routes:routes”表示属性名是routes，值是routes。在这种情况下（属性名和值都是routes），可以简写。但是，不要误以为简写的 routes就是路由的变量名（数组名）。如果说你的数组名是myroutes，那么，正确写法是 routes:myroutes。

如下是正确示例：

var myroutes= \[  
        \{path:"/",component:Hello\},  
        \{path:"/h",component:Hello\},  
        \{path:"/w",component:World\}  
    \];

const myroute = new VueRouter(\{

**   routes:myroutes**

\});

2、官网上，实例化vue对象时，也使用了简写，如：

const app = new Vue(\{

router

\}).$mount('\#app')

router等价于：router:router,也是因为，变量名和属性名一样，如果你的路由实例名不是router，则不要省略。

如下：

import \{r\} from "./router/index.js";//路由的配置  
//使用第三方组件必须用use函数。  
Vue.use(VueRouter);

new Vue(\{

el:"\#app",  
    **router:r,**  
    render:(h)=>\{  
        return h(App)  
    \}  
\});

[Error in render function_ _TypeError_ Cannot read property _matched_ of undefined]: http://blog.csdn.net/hayixia606/article/details/74368939

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue中管理路由-vue-router路由守卫

在Vue项目中，路由跳转前经常要做一些验证，如登录验证，权限验证等，是应用中的普遍需求，可以通过导航守卫来实现。导航守卫也叫路由守卫，vue-router 提供的导航守...

系统管理员/ 2024年04月19日 10:47/ 0 赞/ 90 阅读

相关 VueRouter路由嵌套

1. 前言本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见，如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置

怼烎@/ 2024年03月30日 18:02/ 0 赞/ 119 阅读

相关 VueRouter路由传参

1. 前言本小节我们介绍 VueRouter 路由组件传参。包括 params 传参、query 传参的两种方式。路由传参的知识点非常重要，在日常开发中，我们经常会通过

Myth丶恋晨/ 2024年03月27日 08:47/ 0 赞/ 127 阅读

相关 vue 爬坑之路 - 路由重定向

vue新手，本文纯属自己摸索出来的，如有错误，请指正，感谢感谢。问题： http://localhost/dist/productInfo/1 跳转 http://l

偏执的太偏执、/ 2023年06月30日 09:15/ 0 赞/ 42 阅读

相关 Vuerouter路由

1. 前/后端路由 1. 后端路由 1. 一个url（uniform resource location）对应一个页面 2. 在页面地址跳转时，后台会根据url

梦里梦外;/ 2023年03月04日 09:17/ 0 赞/ 28 阅读

相关 vue子路由的一个坑

路由信息如下下面是错误的路由 export default new VueRouter({ routes: [ {

╰半夏微凉°/ 2023年01月01日 13:51/ 0 赞/ 140 阅读

相关 Vue中路由嵌套（子路由）

路由的嵌套就是点击一个路由地址后，继续点击，进入到另外一个路由地址下，即第二个路由就是第一个路由的子路由。根据我们前面学习的VueRouter的知识，可以直接写出代码来实

野性酷女/ 2022年12月25日 15:56/ 0 赞/ 275 阅读

相关 vue-router vue路由中的问题（坑）

[Error in render function: "TypeError: Cannot read property 'matched' of undefined"][Err

傷城~/ 2022年05月30日 05:20/ 0 赞/ 224 阅读

相关 Vue中管理路由-vue-router路由配置

在新建Vue Router时，Router的构建选项有routes、mode、base、linkActiveClass、linkExactActiveClass等等，这里只介绍

àì夳堔傛蜴生んèń/ 2022年02月24日 09:24/ 0 赞/ 1073 阅读

相关 vue中的路由

文章目录什么是路由？ vue-router配置 1.安装（\[官网\](https://router.vuejs.org/

落日映苍穹つ/ 2021年11月29日 22:02/ 0 赞/ 390 阅读