注:初学vue,如有错误请指教,谢谢!
最近在看十次方项目但是vue版本进行了更新,vue由2版本升级为3版本有很大的差别。
构建项目时要在命令行中进入自己想要存放项目的位置
先进入项目目录再运行
根据显示的路径就能够在浏览器中访问我们的项目了!
2.1 创建需要路由的文件
在src目录下创建router.js文件,并写入一下内容
其中的“组件模块”和routes中的内容可以自行修妀(根据自己的情况)
在main.js中添加一下内容
进入App.vue文件修改添加一下内容
router-link 就是路由,类似html中的a标签但是不是整个页面跳转,只是将link页面中嘚内容填写在router-view中
不要忘记router-view这个标签!!!!! 还有上面那句话要注释掉!!!!
打开项目网站,点击列表即可显示如下图所示效果
记得給博主点赞哦!纯手打
发布了60 篇原创文章 · 获赞 41 · 访问量 4万+