在现有vue项目中添加路由配置步骤如下：
1.安装vue-router:npm install vue-router --save
安装完成后可以在package.json->dependencies中看到版本号
2.在src文件夹下创建router文件夹,再创建index.js文件以及创建路由组件
3.在index.js中引入组件
4.在index.js配置映射关系
vue使用路由配置步骤？
2024-06-06
19
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue使用路由配置步骤？
目录
相关文章
|
2天前
|
前端开发
JavaScript
|
4天前
|
JavaScript
|
3天前
|
JavaScript
|
5天前
|
存储
JavaScript
API
|
1天前
|
JavaScript
前端开发
|
JavaScript
测试技术
容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具
检测版本
node -v
npm -v
图1.png
2). 安装vue-cli(vue脚手架)
npm install -g vue-cli --registry=https://registry.
1004
0
0
|
7天前
|
JavaScript
前端开发
测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构，还集成了常用的开发工具和配置，使得开发者可以专注于业务逻辑的实现，而不需要花费大量时间在项目配置上。
63
7
8
|
8天前
|
JavaScript
算法
“Error: error:0308010C:digital envelope routines::unsupported”启动vue项目遇到一个错误【已解决
“Error: error:0308010C:digital envelope routines::unsupported”启动vue项目遇到一个错误【已解决
11
1
1
|
8天前
|
JavaScript
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
20
1
1
|
10天前
|
JavaScript
API
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
vue router 4 源码篇：路由诞生——createRouter原理探索
3
vue3中setup声明变量的几种方法
4
Nginx部署VUE前端页面（图文解说详细版）
5
[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined
6
基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目（附源码）
7
vue使用video.js解决m3u8视频播放格式
8
【超详细！】vue+koa+nginx前后端分离开发项目上线部署到云服务器
9
Vue——13-vue-router的导航守卫以及滚动行为
10
从零手写实现Vue响应式源码之数据响应
1
Vue 中的 computed 和 watch 的区别
24
2
Vue如何监听键盘事件
76
3
vue和ainapp动态获取数据改变背景颜色
20
4
Vue3——Router4教程(小满版本)（二）
96
5
Vue3——基础内容部分(小满版本)（一）
35
6
vue实例的data属性，可以在哪些生命周期中获取到
53
7
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
49
8
Ant Design Vue中有关父子组件进行通信传值的问题
67
9
Vue强制页面刷新--vue不留白刷新页面解决办法
57
10
Vue.js自定义指令
17