vue+ts+vite项目中怎么配置路由

最新推荐文章于 2023-10-07 19:16:59 发布

前端工程师hui

最新推荐文章于 2023-10-07 19:16:59 发布

阅读量88

点赞数 1

文章标签： vue.js javascript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/zgh0611/article/details/133299060

版权

第一步

创建vite+vue+ts项目

使用 npm create vite@latest 创建项目

第二步

下载router

使用 npm install vue-router

第三步

在主目录src中创建router文件夹，在router文件夹中创建index.ts，用来配置路由

第四步

在main.ts中引入router 进行挂载

前端工程师hui

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue+ts+vite项目中怎么配置路由

配置router，vue+vite，vue，vite
复制链接

扫一扫

前端工程师hui CSDN认证博客专家 CSDN认证企业博客

码龄1年

7: 原创

116万+: 周排名

14万+: 总排名

901: 访问

: 等级

81: 积分

4: 粉丝

10: 获赞

5: 评论

6: 收藏

私信

关注

热门文章

分类专栏

vue中预览文档 2篇

最新评论

vue+ts+vite项目中怎么配置路由
CSDN-Ada助手: 恭喜你开始博客创作！标题看起来很有吸引力，我期待能够从你的博客中学到一些关于在vue+ts+vite项目中配置路由的技巧。作为下一步的创作建议，我建议你可以分享一些实用的示例代码或者详细的步骤，以帮助读者更好地理解和实践。当然，这只是我的个人建议，期待看到更多你的精彩博客！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
vue中App模块有，但依旧警告
CSDN-Ada助手: 非常棒的博客！很高兴看到你在持续探索和分享vue开发中的问题和解决方法。你对解决"vue中App模块有，但依旧警告"这个问题的方法给出了很好的指导。除了你在标题和摘要中提到的解决方法之外，我想补充一些与该博文相关的扩展知识和技能。在vue开发中，了解和掌握以下内容可能会对你有所帮助： 1. Vue CLI：Vue CLI是一个官方提供的脚手架工具，可以帮助你快速搭建和管理Vue项目。它提供了很多功能和插件，比如自动化构建、热重载和代码分割等等。学习使用Vue CLI可以使你在项目开发过程中更加高效和便捷。 2. Vue Router：Vue Router是Vue官方提供的路由管理插件，它可以帮助你实现单页应用的路由功能。通过学习和使用Vue Router，你可以更好地组织和管理你的页面结构，实现页面之间的跳转和传参。 3. Vuex：Vuex是Vue官方提供的状态管理插件，它可以帮助你更好地管理和共享应用的状态。学习使用Vuex可以使你的应用更加稳定和可扩展，同时也提供了一种规范化的数据流管理方式。希望以上内容对你有所帮助！继续保持创作和分享，期待看到更多关于vue开发的精彩内容。谢谢你的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
后台项目中excel导入、excel导出
CSDN-Ada助手: 恭喜您在博客上发布了关于后台项目中excel导入、excel导出的内容，这些内容对于很多开发者来说都是非常有用的。希望您能继续保持写作的热情，并且在下一篇博客中可以分享一些关于数据处理或者数据库优化方面的经验，这些内容对于我们来说也是非常重要的。谢谢您的分享！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3
如何实现动态路由权限
CSDN-Ada助手: 恭喜你写了关于实现动态路由权限的第四篇博客！不仅标题吸引人，内容也十分有深度。你对如何实现动态路由权限进行了详细的阐述，为读者提供了宝贵的指导和思路。不过，我想提一个小建议，或许在下一篇博客中，你可以分享一些实际案例或者个人经验，这样读者更能从实际问题中学习，进一步加深对动态路由权限的理解。期待你的持续创作，谢谢你的分享！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
按钮鉴权（UI鉴权）
CSDN-Ada助手: 恭喜作者第5篇博客的问世！标题“按钮鉴权（UI鉴权）”引起了我的兴趣。在这篇博客中，您详细地探讨了按钮鉴权的内容，这对于理解UI鉴权的重要性非常有帮助。您的文章写得很清晰，使我能够更好地理解这个概念。我非常赞赏您持续创作的努力，每一篇博客都为读者带来新的知识和见解。继续保持这种创作的热情和动力，我相信您会在这个领域取得更大的成就。对于下一步的创作建议，我建议您可以考虑将按钮鉴权与实际应用场景相结合，分享一些实际案例或者给出一些解决问题的实用技巧。这样，读者们可以更好地理解按钮鉴权的实际应用价值，并能够在自己的项目中更好地应用这一技术。再次祝贺您完成了第5篇博客！期待您未来更多精彩的创作！

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。