开发者社区开发与运维文章正文

vue总结之vue路由使用

2023-07-27 66

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue总结之vue路由使用

前言：接上一篇博客

2. vue路由使用

1. 首先使用npm安装vue-router

第一种方法：

在创建项目时安装，详情请看我的上一篇博客

第二种方法：

在项目文件夹下打开cmd命令行输入下列代码

npm install vue-router --save

等待安装完成在src目录下新建router目录并在其下面新建index.js文件

在router文件夹下引入你的项目页面

在main.js下全局引入router

当进行页面跳转时引入vue-router里的useRouter然后按照一下代码进行编写即可

文章标签：

JavaScript

关键词：

路由VUE.js

vue路由VUE.js

VUE.js路由

无人与我粥可温

Star时光

1天前

数据采集 JavaScript 前端开发

Vue框架的优缺点是什么

【7月更文挑战第5天】 Vue框架：组件化开发利于重用与扩展，响应式数据绑定简化状态管理；学习曲线平缓，生态系统丰富，集成便捷，且具性能优化手段。缺点包括社区规模相对小，类型支持不足（Vue 3.x改善），路由和状态管理需额外配置，SEO支持有限。随着发展，部分缺点正被克服。

Star时光

7 1 1

爱你三千遍斯塔克

1天前

JavaScript

Vue卸载eslint的写法,单独安装eslint,单独卸载eslint

爱你三千遍斯塔克

10 1 1

爱你三千遍斯塔克

1天前

JavaScript

青戈大佬安装Vue，无Eslint安装版，vue2安装，vue2无eslint，最简单配置Vue安装资料

爱你三千遍斯塔克

9 1 1

朝阳39

1天前

JavaScript 网络架构

vue3 【提效】自动路由（含自定义路由） unplugin-vue-router 实用教程

朝阳39

8 0 0

vue3 【提效】自动路由（含自定义路由） unplugin-vue-router 实用教程

爱你三千遍斯塔克

1天前

JavaScript

This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run

爱你三千遍斯塔克

9 0 0

This dependency was not found:* vue/types/umd in ./src/router/index.jsTo install it, you can run

小周sir

1天前

JavaScript 前端开发开发工具

如何学习vue框架

【7月更文挑战第5天】 - 先学HTML/CSS/JS基础和前端工程化工具（npm, webpack, Git）。 - 从Vue官方文档学习基础，包括指令、组件、响应式系统。 - 深入研究Vue Router和Vuex，掌握路由管理和状态管理。 - 学习自定义指令和Mixins，优化性能技巧。 - 实战项目练习，加入Vue社区，阅读相关资源，提升技能。 - 关注Vue生态，持续实践和创新，以适应不断发展的框架。

小周sir

5 0 0

朝阳39

1天前

缓存 JavaScript 算法

vue 性能优化

朝阳39

10 0 0

yqd666

2天前

JavaScript 前端开发程序员

Vue组件化、单文件组件以及使用vue-cli(脚手架)

yqd666

12 0 0

yqd666

2天前

JavaScript API

Vue数据动态代理机制的实现以及响应式与数据劫持

yqd666

6 0 0

yqd666

2天前

JavaScript 前端开发程序员

Vue指令的使用以及自定义指令

yqd666

7 0 0

vue总结之vue路由使用

2. vue路由使用

热门文章

最新文章

相关课程

相关电子书