安装vue路由

已于 2022-05-05 09:22:22 修改
阅读量692 收藏
点赞数
分类专栏： Vue 文章标签： vue
于 2022-04-27 16:30:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pukun888/article/details/124453883
版权

打开创建好的vue项目

在这里插入图片描述

查看安装的vue版本

这一步是确认你项目用的vue是什么版本，避免因版本冲突而安装不上路由插件
我用的是2.x的vue，所以我要用3.x路由插件
在这里插入图片描述

安装路由插件

@后面可以指定插件的版本，你可以指定模糊大版本，比如3或者4，也可以指定具体版本，比如3.5.3，指定大版本的话，默认是给你安装这个大版本中最新的小版本

npm install vue-router@3

查看安装成功

项目中的package.json文件中，如果出现了路由插件的名称，那就安装成功了
在这里插入图片描述

减肥的大坤坤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue router路由插件
m0_74039853的博客
12-06 413
vue router路由
vue路由传参 vue路由传参
11-18
vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参 vue路由传参
1. Vue 路由的安装
白怀宇的博客
06-13 186
Vue 路由的安装 输入如下命令进行安装 npm install vue-router 路由配置 src文件夹内创建router文件夹 router文件夹内创建index.js文件 router/index.js做如下配置 import Vue from "vue" import VueRouter from "vue-router" import Home from "../views/Home" import Info from "../views/Info" Vue.use(
vue-router路由安装与使用
张营的技术博客
04-25 2992
1.vue-router路由安装 在当前项目根目录运行 npm install vue-router --save-dev 2.在App.vue增加 router-view标签 这里是路由页面的显示区域： <router-view></router-view> 3.新建router文件夹，新建index.js import ...
Vue技术栈 - vue-router（路由）插件
Qianmoer的博客
02-06 374
Vue技术栈 - vue-router（路由）插件
vue中路由的简单使用
jasnet_u的博客
04-13 632
vue中路由(vue-router)的使用 router.js中配置路由规则，项目中所有的路由规则通常都统一配置到同一个文件中，习惯将这个文件命名为router.js， router.js内容如下： import Vue from 'vue' import Router from 'vue-router' import Home from '../components/Home.v...
Vue路由demo
08-03
为了更好交流vue心得 提供更好的vue资源支持，方便大家互相学习
vue路由分文件拆分管理详解
01-19
这里说的路由拆分指的是将路由的文件，按照模块拆分，这样方便路由的管理，更主要的是方便多人开发。具体要不要拆分，那就要视你的项目情况来定了，如果项目较小的话，也就一二十个路由，那么是拆分是非常没必要的。...
vue 路由对象属性
01-07
更多路由属性查看官网 this.$route.path 类型: string 字符串，对应当前路由的路径，总是解析为绝对路径，如 /foo/bar。 this.$route.params 类型: Object 一个 key/value 对象，包含了动态片段和全匹配片段，...
详解vue路由
10-15
主要介绍了vue路由的相关资料，文中讲解非常细致，帮助大家更好的理解和学习vue路由知识，感兴趣的朋友可以了解下
Vue 核心插件 Router 路由详解
最新发布
modao的博客
07-24 1089
在web开发中，客户端的请求是以url的形式传递给服务器，它根据URL将请求分配到指定的一个端并且在这个过程中对其进行处理。然后路由再调用相关的控制器，控制器调用相关的服务，并返回视图对象。路由再从视图对象中提取生成好的网页代码返回给Web服务器，最终返回给客户端。
vue
weixin_44695219的博客
06-25 122
在vue组件页面中，集成vue-router路由模块 vue-router官网 1.安装路由 npm i vue-router -S 导入路由模块： import VueRouter from 'vue-router' ​ 安装路由模块： Vue.use(VueRouter); ​ 导入需要展示的组件: import login from './c...
vue路由的安装和使用
qq_35112578的博客
10-15 4313
vue 路由的安装和应用
vue路由的安装和配置
IT12345666的博客
05-29 3656
vue路由的安装和配置 1.安装 1.安装现成的工具包vue-router npm i vue-router@3.5.2 -S 2.在src中新建router/index.js import Vue from 'vue' import VueRouter from 'vue-router' //调用 Vue.use()函数，把VueRouter 安装为Vue的插件 Vue.use(VueRouter); //创建路由的实例对象 const router = new VueRouter(); //向
vue2进阶篇：安装路由
刘大猫
07-08 2768
vue2进阶篇：安装路由
Vue路由
qq_57420582的博客
09-13 2060
Vue路由
Vue中的路由
热门推荐
weixin_64770583的博客
07-25 3万+
路由
Vue路由（安装保姆教程）
m0_51024444的博客
10-11 2490
原理：地址发生变化，刷新页面，检测地址栏变化切换div更新视图hash路由事件历史记录路由例子（普通，建议不要看，只是方便理解原理，下方有详细安装Vue路由配置）
【vue】 vue-router安装和配置方法
m0_56349322的博客
04-04 2万+
vue-router 是 vue.js 官方的路由插件，里面组件和 URL 的映射关系由 vue-route 帮我们管理。 在 vue-router 的单页面应用中，页面的路径的改变就是组件的切换。 第一步： 1.正常初始化项目的时候，会有个 vue-router 供我们选择。 2.如果你不知道插件俺没安装，看下图中是否有此信息即可，如有即存在。 3.如果不存在则通过代码安装插件即可。 代码：npm install vue-router --save 这里要备注一下有的人安装的时候会报错，
vscode 安装vue路由安装不上
05-25
如果您在使用VS Code时无法安装Vue Router，可能是由于以下原因： 1. 您的网络连接不稳定或被防火墙阻止了，无法连接到npm服务器。 2. 您的npm已经过时，需要更新。 您可以尝试以下方法来解决这个问题： 1. 检查...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值