关于vue导入vue-router提示router-link未注册

206 阅读1分钟

vue项目导入vue-router进行路由管理

安装

npm i vue-router --save

问题

  • 正常注册且使用 Vue.use(Router) 进行了全局注册却依旧提示未注册

image.png

思路
  • 查看 package 的版本,发现导入的 vue 版本是 2.xvue-router 版本是 4.x

image.png

  • 查看 vue-router 4.x 版本说明文档的入门介绍

image.png

可以看得到最后使用了createApp(App).use(VueRouter)进行的全局的VueRouter的注册

  • 查找 createApp(App) 的使用方法
    查找 createApp(App) 的使用方法发现是 Vue 3.x的用法 API,基于 Vue 3.x创建项目使用文档方式导入正常
结论

vue-router3.x版本的文档导入方式适用于vue 2.x版本,vue-router 4.x 的文档导入方式适用于 vue 3.x 版本
如何在vue 2.x版本项目中导入vue-router 4.x使用,方法不确定