vue2:安装、配置、使用前端路由vue-router

最新推荐文章于 2024-05-21 14:34:42 发布
最新推荐文章于 2024-05-21 14:34:42 发布
阅读量1.3w 收藏 16
点赞数 10
分类专栏： vue 文章标签： vue npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43650979/article/details/104185450
版权

vue2:安装、配置、使用前端路由vue-router

1.查看是否已安装vue-router

首先查看package.json文件中是否已经添加了vue-router依赖：
在这里插入图片描述
再查看node_modules文件夹下是否有vue-router文件夹
在这里插入图片描述
如果有以上文件，则说明已经安装了vue-router。
一般在搭建项目时会出现是否安装vue-router这一个选项：
在这里插入图片描述
如果

最低0.47元/天 解锁文章
H_x
关注
  • 10
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue2安装、创建项目及配置路由信息
m0_64534855的博客
01-10 716
vue2安装、创建项目及配置路由信息
VUE笔记七 vue-router
qq_49723651的博客
11-23 452
vue-router 文章目录vue-router说明安装测试VUE笔记列表 说明 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成， 让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue js过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的CSS class的链接 HTML5 历史模式或hash模式， 在IE 9中自动自定义的滚动行为 官方文档: https://router.
Vue2 配置、使用路由vue-router
最新发布
HL0512的博客
05-21 984
参考文档：https://v3.router.vuejs.org/guide/essentials/named-views.html#nested-named-views。注意安装版本问题，npm install vue-router 默认版本4.x 对应 Vue3路由配置。二、在src文件下创建 scr/router/index.js 文件。四、在App.vue根组件中添加router-view。Vue2 对应 Vue Router版本 3.x。三、在main.js注入路由。
vue2进阶篇：安装路由
刘大猫
07-08 2807
vue2进阶篇：安装路由
vue3.0路由vue-router的安装和配置
爬楼梯的前端小白的博客
02-14 1769
vue3.0路由vue-router的安装和配置
vue-router安装和使用
cqzdmm的博客
02-08 4452
vue-router安装和使用
VUE基础-伍
qq_46263740的博客
02-25 509
路由 前端路由的概念和原理 1、声明是路由 路由（英文：router）就是对应关系 2、SPA与前端路由 SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由实现。 结论：在SPA项目中，不同功能之间的切换，要依赖于前端路由来完成！ 3、声明是前端路由 通俗易懂的概念：Hash地址与组件之间的对应关系。 4、前端路由的工作方式 用户点击了页面上的路由链接 导致了 URL 地址栏的 Hash 值发生了变化 前端路由监听
【Vue2】VueRouter
Superman_H的博客
02-10 2592
# 路由的概念 **SPA：** - SPA (Single Page Application，单页面应用)，整个应用只有一个完整的页面，所有组件的展示、隐藏都在这一个页面中完成。 - **不同组件之间的切换**需要通过**前端路由**来实现，数据需要通过 Ajax 获取。 - 缺点：1. 首屏加载速度较慢、 2. 不利于 SEO。对应的优化方法：1. 路由懒加载、代码压缩、CDN 加速、网络传输压缩、 2. SSR 服务器端渲染。 **路由：** 1. 后端路由：**请求方
vue-router：嵌套路由的使用方法
01-21
我们已经学习过了Vue模板的另外定义形式，使用<template></template>。 <!-- 模板抽离出来 --> 首页 新闻 然后js里定义路由组件的时候： // 1. 定义（路由）组件。 const Home = { template: ...
Vue.js：使用Vue-Router 2实现路由功能介绍
01-19
注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。 推荐使用npm安装。 npm install vue-router 一、使用路由 在main.js中，需要明确安装路由功能： import ...
Vue-Router2.X多种路由实现方式总结
01-21
注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。 推荐使用npm安装。 npm install vue-router 一、使用路由 在main.js中，需要明确安装路由功能： import ...
vue-auto-routing：自动生成Vue路由器路由
02-27
安装$ npm install -D vue-auto-routing要求webpack> = v4.0.0用法vue-auto-routing通过使用自动解析Vue路由器路由。 路由是使用与相同的规则生成的。 要使用此功能，请导入vue-auto-routing并将其传递到Vue Router...
vue2路由配置
weixin_51390548的博客
03-03 1865
vue2路由配置
【vue2】06_路由
源僧
06-18 566
文章目录前端路由的概念与原理1. 什么是路由2. SPA 与前端路由3. 什么是前端路由4. 前端路由的工作方式5. 实现简易的前端路由vue-router 的基本使用1. 什么是 vue-router2. vue-router 安装和配置的步骤2.1 在项目中安装 vue-router2.2 创建路由模块2.3 导入并挂载路由模块2.4 声明路由链接和占位符3. 声明路由的匹配规则vue-router 的常见用法1. 路由重定向2. 嵌套路由3. 子路由和 children 属性3.1 声明子路由链接和子
关于vue2中vue-router的使用
weixin_44693550的博客
08-31 3768
vue2中vue-router的使用
vue-router(路由)
qq_33879627的博客
09-28 512
（十七）vue-router 17.1 路由简介 什么是路由？ 路由就是通过互联的网络把信息用源地址传送到目的地的活动 路由提供了两种机制：路由和传送 路由是决定数据包从来源到目的地的路径 转送就是将数据转移 路由表 路由表本质就是一个映射表，决定了数据包的指向 17.2 前端/后端路由 后端渲染（服务端渲染） jsp技术 后端路由，后端处理URL和页面映射关系，例如springmvc中的@requestMapping注解配置的URL地址，映射前端页面 前后端分离（ajax请求数据
vue2进阶篇：vue-router之命名路由
刘大猫
07-09 1749
vue2进阶篇：vue-router之命名路由
【Vue知识点】路由router详解
m0_50785976的博客
08-05 2175
路由router详解
vue 安装路由模块详解
weixin_42667381的博客
11-03 2311
看的网上的视频根据自己的实际情况总结的，也参考了别人的总结： 安装路由模块： 1.本地环境安装路由插件vue-router：   npm install vue-router --save -dev    2.在main.js中导入vue-router:   2.1import Router233 from 'vue-router'  //Router233 这个路由包名自定义就行，不过要和...
22_VueRouter路由使用.pdf
10-07
22_VueRouter路由使用.pdf

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值