Vue基础知识:路由的封装抽离,路由模块的封装抽离的好处是什么?,如何快速的引入组件,基于@指代src目录,从src目录出发找组件

如果将所有的路由配置都存放在main.js中,是非常有问题的,杂且乱。所以我们要将路由模块进行抽离,这样有利于:拆分模块,利于维护。大致的做法就是将路由相关的东西放到router这个文件夹的index.js中,而将来只需要将index.js导入到main.js中渲染就可以了。

具体步骤演示:

1.在src文件夹中创建router文件夹

2.在router中创建index.js

3.复制粘贴main.js中关于路由相关的代码到router中index.js中

(其中有三个注意点,要导入vue和导出router这个对象,并且路径不要搞错)

快速引入组件:

基于@指代src目录,从src目录出发找组件

4.在main.js中导入router中的index.js文件

相关推荐
计算机魔术师3 分钟前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端
风骏时光牛马15 分钟前
测试标题001
前端
IT_陈寒42 分钟前
Java性能优化完全指南
前端·人工智能·后端
电子IT笔记1 小时前
对接群晖NAS,上传和删除踩坑记录
前端·后端
计算机魔术师1 小时前
半年前说不缺钱,半年后150亿美元超募
前端
用户5708462574401 小时前
自动化发布器里最贵的 Bug:返回成功,但什么都没发生
前端
爱吃馒头不吃辣1 小时前
加一道题,改一天代码:题库即数据的降维打击
前端·架构
aiks_yuan1 小时前
Requestly规则使用技巧:前端联调、接口Mock与网络请求调试实战
前端
程序员老赵1 小时前
Docker 部署 MaxKB:轻松搭建企业级智能体平台
前端·docker·agent
码林鼠1 小时前
flutter状态管理入门教程-Riverpod
开发语言·javascript·flutter