大事件项目项目25------文章分类---页面组件和路由

简介: 大事件项目项目25------文章分类---页面组件和路由

1、做文章分类,对应二级路由的页面

2、这个是新的分类了,

3、建一个新的分类,article

4、头部,我就分类span文章分类的标签

5、和一个按在右边的按钮

6、在Vue下建一个Acticle文件

7、新建一个artCate.vue页面

8、这里可以设置一个layout的页面

9、这里要想好在那个父级路由中进行切换

10、点击导航的index属性

11、切的路由路径叫art-cate

12、二级路由写在这里

13、路由报错了,是路由写的有问题

14、路径一定要匹配得上

15、切换之后,才能看到二级路由的挂载点

16、这个视频就是为了准备这个页面,现在我们把这个页面提交一下

17、git 提交一下


相关文章
|
缓存 NoSQL 中间件
【Sa-Token】6、Sa-Token集成Redis
Sa-Token 支持 Redis、Memcached 等专业的缓存中间件中, 做到重启数据不丢失,而且保证分布式环境下多节点的会话一致性
2519 0
|
前端开发 JavaScript
Vue+ElementUI 搭建后台管理系统(实战系列七)
Vue+ElementUI 搭建后台管理系统(实战系列七)
280 1
Vue+ElementUI 搭建后台管理系统(实战系列七)
|
前端开发 JavaScript API
大事件项目超详细讲解(可跟做练手项目)(一)
大事件项目超详细讲解(可跟做练手项目)
1353 0
大事件项目超详细讲解(可跟做练手项目)(一)
|
前端开发 JavaScript API
2024年前端框架的演进与创新
【10月更文挑战第2天】在快速发展的Web开发领域,前端框架是构建交互式界面的基石。从jQuery到React、Vue和Angular,每个框架都有独特优势。2024年,Vue 3持续发展,引入Vapor模式提升性能;React生态系统不断扩展,成为热门选择;SolidJS崛起,提供细粒度响应性;低代码/无代码平台推动开发民主化;跨平台开发如React Native和Flutter进步显著;渐进式Web应用(PWA)使用增加,提升用户体验。这些趋势正塑造前端开发的未来,助力开发者在竞争中保持领先。
|
小程序
微信小程序的注册流程
微信小程序的注册流程
813 0
|
消息中间件 分布式计算 Hadoop
大数据实战项目之电商数仓(一)
大数据实战项目之电商数仓(一)
914 0
|
安全 Devops API
F5是什么意思?从BIG-IP Next核心价值了解F5
F5是什么意思?从BIG-IP Next核心价值了解F5
380 0
F5是什么意思?从BIG-IP Next核心价值了解F5
|
人工智能 搜索推荐 开发者
AI编程助手 Amazon CodeWhisperer 全面解析与实践
AI编程助手 Amazon CodeWhisperer 全面解析与实践
628 0
AI编程助手 Amazon CodeWhisperer 全面解析与实践
|
存储 算法 Linux
Linux中的硬链接与软链接:原理、应用与最佳实践
Linux中的硬链接与软链接:原理、应用与最佳实践
862 0
|
存储 安全 数据安全/隐私保护
云计算中的数据安全与隐私保护:技术与挑战
云计算中的数据安全与隐私保护:技术与挑战
1221 0