vue2 vue-route兼容问题

最新推荐文章于 2024-05-23 17:13:04 发布
最新推荐文章于 2024-05-23 17:13:04 发布
阅读量1.7k 收藏 1
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YingUser/article/details/123141256
版权

这个是配置好页面路由后跑不起来，就会报错，原因是 vue-router 的兼容性问题

当时下载脚手架的时候，vue2版本，而现在 vue-router版本是4.0了，不兼容vue2，可能会兼容vue3，所以需要下载稳定版本 vue-router@3.5.2

cv酱
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Web前端面试-vue专项
02-04
12. **Vue兼容IE问题**：Vue.js 2.x默认不支持IE8及以下版本，需要引入polyfill库如babel-polyfill来兼容。 13. **SPA与MPA**：SPA（Single Page Application）单页面应用，页面不刷新，用户体验流畅；MPA...
详解新手使用vue-router传参时注意事项
10-16
本文将深入探讨新手在使用vue-router进行参数传递时可能遇到的问题及解决方案。 1. **使用`name`和`params`组合传参** 当你想通过路由的名字来导航，并且希望传递的参数不显示在URL中时，可以使用`name`和`params...
vue2不能使用vue-router4.0版本
java技术博客
03-24 4129
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
vue2和vue-router的兼容性问题
HOLLOW_W的博客
03-14 665
出现页面上的这个原因 主要是因为下载的vue-router是最新版本的，不支持vue2，所以下载稳定版本vue-rouetr@3.5.2版本就可以解决上面的问题了
如何在VUE2上实现路由（router）
最新发布
weixin_52861877的博客
05-23 23
这些步骤应该可以帮助你在 Vue 2 项目中成功引入和使用 Vue Router。这里安装的是 Vue Router 3，因为这是专门为 Vue 2 设计的版本。在你的 Vue 项目中，创建一个路由配置文件。通常，这个文件被命名为。作为路由的占位符，这将显示当前路由对应的组件。）中，导入路由配置并在创建 Vue 实例时使用它。在你的 Vue 组件中，使用。在你的入口文件（通常是。
vue里router-link在IE里的兼容
qq_42345237的博客
07-08 1839
还是IE的兼容，在IE浏览器中，router-link的跳转是失效的，主要是因为当url的hash变化的时候，浏览器没有做出相应的反应。这时候需要当浏览器是IE的时候手动给url加一个hashChange事件了。 有两个解决方法。 第一个，直接在渲染的时候去执行一个兼容浏览器的方法： new Vue({ el: '#app', router, store, template: '&...
vue性能优化之cdn引入vue-Router问题
fan2016434589的博客
10-21 2517
关于vue的性能优化，有一个非常重要的点，就是用cdn的方式引入vue、vue- router、ElementUI、vuex、axios、jquery，那么到底怎么引呢？ 1、打开国内cdn服务网址：https://www.bootcdn.cn/ 2、查看你的项目 package.json ，查看你安装的是哪个版本 3、在cdn的服务网站上搜索就可以啦 这时候运行，发现报错了： Cannot redefine pr...
vue-router理解及使用(基于vue2.x)--01
weixin_43431123的博客
01-27 436
vue-router理解及使用 为什么会有前端路由？ 1.在我们最开始开发的时候，可能前后端是一体化的，需要我们后端人员使用jsp模板引擎渲染出我们的页面，直接返回给浏览器。 2. 到了后期，又前端人员，编写html+js+css，客户通过浏览器请求这些静态文件，访问数据时，可以使用ajax等技术，向后端请求数据，再通过js动态的把数据插入到html中，这样也不太好，每个页面我们都要对应的写一套html+css+js。 3.现在我们通过vue框架，也可以动态的显示数据了，因为vue存在了一个核心，叫做组件
vue地址栏直接输入路由无效问题的解决
10-17
在某些情况下，可能会遇到输入路由后页面无法正确显示的问题，这通常与Vue Router的模式、历史记录管理和浏览器兼容性有关。下面将详细讨论解决此类问题的两种主要方法。 **方法一：切换到history模式** Vue ...
Vue常见问题及解决
08-06
Vue 常见问题及解决 Vue 是一个强大且灵活的前端框架，但是在开发过程中，我们经常会遇到一些常见的问题和错误。本文将总结一些常见的 Vue 问题及解决方法，以帮助开发者更好地使用 Vue。 后台报错及修改方式 1.1...
Vue面试题整合.txt
07-12
Vue面试题整合，1、Vue 解决了什么问题。2、Vue 的生命周期(11 个钩子函数)。3、watch、computed 和 methods 的区别。4、Vue.js 的特点。5、插槽的理解。6、vue-router 有哪几种导航钩子。7、vue 组件中的 data 为...
Vue Router兼容子项目路径变更为主项目兼容，路径替换
kingdomwar的博客
06-07 133
子项目变更为主项目之后，旧的分享链接兼容
vite2 + vue3 中 vue-router4 基本使用(路由基本配置)
m0_51431448的博客
01-25 2122
1.安装 npm install vue-router@4 2. vite.config.js（配置别名） import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' const path = require('path') // element -plus 配置 按需导入-> 自动导入 import AutoImport from 'unplugin-auto-import/vite' import.
vue2安装vue-router失败
Lynn
02-02 388
今天在使用vuecli 创建 vue2项目的时候，需要使用vue-touter，直接npm i vue-router 是下载最新版，最新版不兼容vue2。所以我们要下载兼容版本 npm i vue-router@3.5.2。发现直接使用npm i vue-router 安装不上，报错提示。后来上网查询了下，发现是版本问题。测试发现，运行成功！
Vue----路由(Vue2与Vue3)
emmmm.....
04-18 1542
1 前端路由的概念与原理 1.1 什么是路由 1.1.1 后端路由 1.1.2 SPA 1.1.3 前端路由 1.2 前端路由的工作方式 ``` ``` 2 vue-router 的基本使用 2.1 vue-router 2.1.1 vue-router 的版本 2.2 vue-router 3.x 的基本使用步骤 2.2.1 在项目中安装 vue-router 2.2.2 创建路由模块 2.2.3 导入并挂载路由模块 2.2.4 声明路由链接和占位符 2.2.5 声明路由的匹配规则 2.2.6 完成代码
vue中router对应的vue版本说明
intrwins的专栏
06-21 6311
使用vue2安装对应的router3版本 使用vue3安装对应的router4版本
Vue，Vue-cli，Vue-router，Vuex 版本对应关系
IT利刃出鞘的博客
08-15 1371
Vue项目中我们一般会使用Vue-Cli来创建项目，它会自动管理Vue，Vue-cli，Vue-router，Vuex 的版本。 本文列出它们的版本对应关系，这样我们在手动加入依赖或插件时更加明确。
vue cli2和cli4 路由 vue-router4 基础使用
陈同学的博客
04-03 1402
出现警告： "export 'default' (imported as 'VueRouter') was not found in 'vue-router' "export 'default' (imported as 'Vue') was not found in 'vuer' 原因是cli4和cli2不太一样 需要引用相对应的使用的东西，改成 main.js // import Vue from 'vue' // 不要引用整个Vue cli4默认创建是导入createApp方法 import {
vue全家桶版本对应关系
weixin_45725778的博客
05-25 1959
vue2对应关系：2 ===>3 ===> 3 vue版本：^2.6.14 vue-router：“^3.5.2” vuex版本：3.x vue3对应关系： vue3 ===> vue-router4 ===> vuex4
vue2兼容ie浏览器
07-27
Vue 2.x 是默认不支持旧版本的 Internet Explorer 浏览器（包括 IE 11）的。然而，你可以通过一些额外的配置和使用 polyfill 来使 Vue 2.x 兼容 IE 浏览器。 首先，在你的 Vue 项目中安装 babel-polyfill： ``` npm install --save babel-polyfill ``` 然后，在你的项目入口文件（通常是 `main.js`）中，引入 babel-polyfill： ```javascript import 'babel-polyfill'; ``` 接下来，你需要配置 Babel 来转译 ES6+ 语法和新的 API。在项目根目录下创建一个名为 `.babelrc` 的文件，并在其中添加以下配置： ```json { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "corejs": 3 } ] ] } ``` 最后，确保你的项目已经正确配置了 Babel，并且使用了 transpileDependencies 选项来处理 Vue 相关的依赖。在 `vue.config.js` 中添加以下配置： ```javascript module.exports = { transpileDependencies: [ 'vue', 'vuex', 'vue-router' // 添加其他需要转译的依赖 ] } ``` 完成上述步骤后，重新构建你的 Vue 项目，并在 IE 浏览器中测试兼容性。 需要注意的是，虽然上述方法可以实现 Vue 2.x 在 IE 浏览器中的兼容性，但并不能保证所有的 Vue 组件和功能都能完全正常工作。有些功能可能仍然存在兼容性问题，需要做一些额外的处理。在开发过程中，建议使用 IE 浏览器进行测试，并根据需要进行适配和修复。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值