TypeError: route is undefined的解决办法

学习Vue.js的路由使用，在运行下面代码时，页面总是提示“TypeError: route is undefined”错误，登陆、注册按钮也不显示。

  <div id="app">
    <router-link to="/login">登陆</router-link>
    <router-link to="/regisiter">注册</router-link>

    <!-- 路由出口 -->
    <router-view></router-view>
  </div>

  <script>
    // 定义（路由）组件
    const login = { template: '<h1>登陆组件</h1>' }
    const regisiter = { template: '<h1>注册组件</h1>' }
    // 定义路由routes
    const routes = [
      { path: '/login', component: login },
      { path: '/regisiter', component: regisiter },
    ]

    const routerObj = new VueRouter({
      routes
    })

    const vm = new Vue({
      el: '#app',
      // 在根实例上注册路由
      routerObj,
    })
  </script>

发现VueRouter实例化的时候，将变量routerObj修改为【router】，页面就可以正常显示了。

修改代码如下：

    const router = new VueRouter({
      routes
    })

    const vm = new Vue({
      el: '#app',
      // 在根实例上注册路由
      router,
    })

版本信息：

Vue.js v2.6.12

vue-router-v3.5.1.js

 

具体原因不知，如果有知道的大佬，欢迎留言~~

 

---

注：文章内容主要是记录学习过程中遇到的一些问题，以及解决方法。留个记录，同时分享给有需要的人。如有不足之处，欢迎指正，谢谢！