vue中router对应的vue版本说明

最新推荐文章于 2024-07-14 00:16:29 发布
最新推荐文章于 2024-07-14 00:16:29 发布
阅读量6.5k 收藏 3
点赞数 4
分类专栏： vue3 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/intrwins/article/details/125384393
版权

router路由

应为vue是单页应用不会有那么多html让我们跳转，所以要使用路由做页面的跳转。

vue路由允许我们通过不同的URL访问不同的内容，能过vue可以实现多视图的单页web页面。

创建前端项目:

npm init vue@latest
//或者
npm init vite@latest

使用vue2安装对应的router3版本
使用vue3安装对应的router4版本

npm install vue-router@4

intrwins
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-router.js 3.0.1 版本
04-17
vue-router 3.0.1 版本 , 2018-04-05 最新版本 .
Vue，Vue-cli，Vue-router，Vuex 版本对应关系
IT利刃出鞘的博客
08-15 1432
Vue项目中我们一般会使用Vue-Cli来创建项目，它会自动管理Vue，Vue-cli，Vue-router，Vuex 的版本。 本文列出它们的版本对应关系，这样我们在手动加入依赖或插件时更加明确。
Vue2之vue-router源码解析
最新发布
在所有的事情背后，要有一颗坚定的的本心，要有一颗应对变革和提升自我的本心，世界瞬息万变，本心要坚持到底，保持学习，时刻复盘
07-14 1142
Vue2之vue-router源码解析
vue-router四版本-适用vue3
weixin_68658847的博客
04-10 3886
vue-router四版本-适用vue3
根据Vue的版本来选择vue-router
m0_60618026的博客
03-20 831
vue-router 是vue官网路由。vue 和 vue-router 之间版本也对应是配套的。vue3.x 选择vue-router4.x，vue-router4.x 是为vue3版本打造的。如果使用vue2要手动指定版本 npm i vue-router@3.2.0。记录了一下，，因为老是忘记，，直接下载vue-router默认是最新版本的。vue2.x 选择vue-router3.x。
【Vue】路由vue-Router
qq_53635765的博客
09-18 2109
服务端路由时指的是服务器根据用户访问的 URL 路径返回不同的响应结果。在传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML页面，然后重新加载整个页面。这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下，因为这类场景下用户通常会在很长的一段时间中做出多次交互。在这类单页应用中，“路由”是在客户端执行的。一个客户端路由器的职责就是利用诸如 History API 或是 hashchange 事件这样的浏览器 API 来管理应用当前应该渲染的视图。
Vue 安装 Vue-router 路由安装以及使用
xiaowude_boke的博客
07-18 3951
Vue-router 路由安装以及使用
vue-router版本和npm版本问题
SlinaW的博客
11-12 2797
学习vue-router
Vue安装Vue-router和Vuex对应的版本
m0_51643873的博客
05-27 1517
Vue安装Vue-router和Vuex对应的版本
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
然而，在Vue-Router 3.0版本中，开发者可能会遇到一个常见问题：使用`router.push`进行页面跳转时，URL会改变，但页面内容不会自动更新，除非手动刷新页面。这个问题在GitHub上也有相关的讨论，特别是在3.0.1版本中...
vue-router 中 meta的用法详解
01-21
在vue-router中，meta字段是路由对象的一个属性，用于添加自定义信息，比如权限控制、页面标题等。下面将详细介绍meta的用法，并通过实例解释如何获取和使用meta信息。 首先，当我们在定义路由时，可以在每个路由...
vue-router.js
12-30
vue路由vue-router.js文件下载
Vue2的路由vue-router固定版本安装
m0_65292523的博客
09-20 4680
vue2的版本只能和vue-router 3.x使用，vue-router 4.x和vue3使用，如果安装vue-router不标注版本的话，会默认安装vue-router 4.x的版本，可以在package.json文件里查看vue-router的版本信息，我的是^3.5.2的版本。
vue2 vue-route兼容问题
YingUser的博客
02-25 1784
这个是配置好页面路由后跑不起来，就会报错，原因是 vue-router 的兼容性问题 当时下载脚手架的时候，vue2版本，而现在 vue-router版本是4.0了，不兼容vue2，可能会兼容vue3，所以需要下载稳定版本 vue-router@3.5.2 ...
vue2不能使用vue-router4.0版本
java技术博客
03-24 4192
vue2不能使用vue-router4.0版本 说明 最近复习一篇关于 springboot+vue 前后端交互的案例 , 主要是前端比较重要 参考的文章是: https://mp.weixin.qq.com/s/rGxKH-Zibp8QH30clZ1cLg 情景在线 我是用 vue ui 构建 vue-cli 脚手架 , 基于 vue2 , 选项默认 使用 npm 手动 安装 vue-router 发现 vue-router 不能使用 具体版本 , 见 package.json 文件 "depen
vue全家桶版本对应关系
weixin_45725778的博客
05-25 2017
vue2对应关系：2 ===>3 ===> 3 vue版本：^2.6.14 vue-router：“^3.5.2” vuex版本：3.x vue3对应关系： vue3 ===> vue-router4 ===> vuex4
彻底搞懂vue-cli各版本和vue2和vue3之间的关系！
weixin_50018442的博客
10-24 5737
我的深刻理解:(1)vue-cli3之前，也就是vue-cli2只能利用命令初始化vue2.x的项目，(2)vue-cli3~vue-cli4.5之间时,可以利用初始化vue2.x的项目，不能初始化vue3.x，因为vue-cli脚手架版本4.5以上对应的才是vue3(3)vue-cli4.5以上时，可以利用初始化vue2.x或者也vue3.x的项目，两者都可以在初始化时，自行选择。
vue vue-router步骤
睡大觉的博客
10-25 782
vue vue-router步骤
vue3第一章基础：创建Vue3.0工程，包括使用vue-cli 创建、使用 vite 创建
刘大猫
07-13 485
vue3基础：创建Vue3.0工程，包括使用vue-cli 创建、使用 vite 创建
vue2中怎么安装vue-router3的版本
06-02
在Vue2中安装Vue Router 3.x版本，可以按照以下步骤进行操作： 1. 首先，使用npm安装Vue Router3.x版本： ``` npm install vue-router@3.x --save ``` 2. 然后，在main.js中引入Vue Router并注册： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' Vue.use(VueRouter); const router = new VueRouter({ //配置路由 }) new Vue({ router, render: h => h(App) }).$mount('#app') ``` 3. 在router.js文件中配置路由： ```javascript import Vue from 'vue' import VueRouter from 'vue-router' import Home from './views/Home.vue' Vue.use(VueRouter) const routes = [ { path: '/', name: 'home', component: Home }, //其他路由配置 ] const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) export default router ``` 以上是Vue2中安装和使用Vue Router 3.x版本的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值