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文件

相关推荐
Highcharts5 分钟前
如何创建蛛网地图|气泡事件+全球发布+关联组合图表开发示例
javascript
因_崔斯汀17 分钟前
ECharts 区域地图可视化实战:以山东地图为例
前端
Bacon24 分钟前
手摸手带你搞清楚 AI Agent 的六大核心概念
前端·人工智能
xier12345625 分钟前
three-instance-batch 开发笔记
javascript·three.js
王林不想说话25 分钟前
TypeScript 进阶知识总结:从 extends、泛型到 infer,一篇打通 TS 类型系统
前端·javascript·typescript
卤蛋fg627 分钟前
vxe-table 实现数据分组统计与表尾合计
vue.js
罗超驿31 分钟前
15.JavaScript 函数与作用域完全指南:语法、参数、表达式与作用域链实战
开发语言·前端·javascript
.千余33 分钟前
【C++】C++类与对象2:C++构造函数、运算符重载与流输入输出全面解析
c语言·开发语言·前端·c++·经验分享
一念&1 小时前
油猴脚本教程——元数据块
javascript·浏览器·脚本·油猴
星栈1 小时前
Rust 单二进制部署,真没你想的那么“单”
前端·后端