Vue Router路由测试项目
黑白配色的路由页面样式,搭配 Vue 的单文件组件,调试起来还挺方便的。
我的第一个 Vue 项目里试了下 vue-router,说实话,刚上手有点懵,配置那一堆路由表挺绕。但一旦搞清楚怎么写 routes
和 router-view
的配合,整个流程就顺了。
用了 npm + webpack 搭建,命令行也清爽,基本就是npm install
拉依赖,npm run-script run
跑起来,速度还不错。适合想自己摸索路由机制的同学,练手一流。
如果你刚接触 Vue,不知道怎么做页面跳转,那可以先从这个项目动手试试——代码结构清楚,出错也容易定位,不用每次都翻文档翻半天。
顺带一提,vue-router 官方 和 路由指南也挺有的,边写边看理解会更深。
小提醒:如果你用了新版 Vue 3,那记得用 createRouter
和 createWebHistory
这些新 API,老套路不太兼容了哦~
48.61KB
文件大小:
评论区