vue2+cli创建的项目兼容低版本浏览器

最新推荐文章于 2024-05-19 20:18:26 发布

475 .

最新推荐文章于 2024-05-19 20:18:26 发布

阅读量157

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44862552/article/details/137996836

版权

网上很多答案其实都不太对，现在讲讲正确方法此方法vue-cli要大于4.x

browserslist

你会发现 package.json 中有个browserslist 字段，贴图官方说法

个人配置说明

"browserslist": [
    "> 1%",  // 使用量大于1%
    "last 4 versions", // 前四个历史版本
    "not ie <= 8"  // 不查询ie8及以下
  ]

现在我们调试看看使用命令

npx browserslist  // 这个命令可以看到我们vue可以在哪些浏览器中运行

在这里插入图片描述

如果以上配置完还是报错贴图官方说法

在这里插入图片描述
这个依赖包放到vue.config.js中的transpileDependencies中去，告诉babel需要转换这个包

优惠劵

475 .

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2+cli创建的项目兼容低版本浏览器

你会发现 package.json 中有个browserslist 字段，贴图官方说法个人配置说明现在我们调试看看使用命令。
复制链接

扫一扫

详解Vue Cli浏览器兼容性实践

10-15

主要介绍了详解Vue Cli浏览器兼容性实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

vue脚手架搭建项目的兼容性配置详解

12-12

使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...

参与评论您还未登录，请先登录后发表或查看评论

vue - Vue2兼容低版本浏览器

GitLqr的博客

11-08

2211

因为 Vue3 使用了 ES6 的 Proxy 作为其观察者机制，并且无法通过 polyfill 进行转换，所以工程要兼容低版本浏览器的话，还得继续使用 Vue2，经过一些研究，整理了以下 2 个版本的 Vue2 工程在兼容低版本浏览器时的详情步骤：

vue-cli 2 低版本的问题

XWen_ING的博客

11-04

182

vue-cli 2 低版本的问题当Vue-cli >= 3和旧版本使用相同的vue命令时，低版本的Vue-cli 2会被覆盖。如果仍然需要使用旧版本的 vue init功能，可以全局安装一个桥接工具。 npm install -g @vue/cli-init vue init webpack my-project ...

解决vue项目不兼容低版本浏览器问题

weixin_44738844的博客

08-09

1540

把做好的vue2项目上到远程服务器上，远程端浏览器版本比较低是.58的。

Vue CLI 浏览器兼容性

2201_75866484的博客

04-21

705

你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被和用来确定需要转译的 JavaScript 特性和需要添加的 CSS 浏览器前缀。现在查阅了解如何指定浏览器范围。

vue3，cli5兼容低版本浏览器

m0_64957092的博客

08-13

354

更改package.json文件browserslist配置项。

vue项目兼容低版本浏览器

qietingfengsong的博客

05-17

514

有一个使用vue-cli创建的前端项目，用了很多的框架，要做低版本浏览器兼容。

快速解决vue2+vue-cli3项目ie兼容的问题

01-18

先根据这篇文章修改详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决如果没有其他问题是可以了的，下面是我代码中出现的其他问题导致页面无法显示或者报错 sockjs报错控制台会一直报这个错，sockjs-node 是...

详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决

12-09

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧...网上的文章大部分是 Vue-cli 2.x 版本的解决方案，但 Vue-cli 3 跟之前的版本还是有很大差异的，可能是我比较菜，看了 n 篇文

WEB转Flutter基础学习笔记（内含vue和flutter对比）

小易不止于搬砖的博客

05-17

670

笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter

vue3.0+antdv的admin管理系统vue-admin-beautiful推荐

独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)

05-15

1110

几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。

vue中的事件

weixin_43390711的博客

05-16

162

需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()

Vue.js的发展史（一）

2301_79683791的博客

05-15

755

Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。

基于Vue和uni-app的增强型多选框Checkbox组件开发

chenchuang0128的博客

05-16

352

该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。

Vue3实战笔记（23）—路由Vue-Router 实战指南（关于路由命名那点事儿）

山花的博客

05-15

1040

除了 path 之外，你还可以为任何路由提供 name。在 Vue Router 中，命名路由是一种通过指定名称来标识路由的方式，而不是使用路径。这为路由的跳转提供了一种更直观和易于维护的方式。命名路由特别有用，尤其是在链接到路由时，不必硬编码 URL，也不必在路由对象中查找路径字符串。},在这个例子中，我们给路径为 /user/:username的路由命名为 user。User在这两种情况下，路由将导航到路径 /user/erina。

基于Vue3 + js-tool-big-box工具库实现3个随机数字的小游戏动画，快来挑战你的非凡手气！

xingyu_qie的专栏

05-17

836

基于Vue3 + js-tool-big-box的3个随机数字

VueScan Pro中文

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交

vue2+cli创建的项目兼容低版本浏览器

网上很多答案其实都不太对，现在讲讲正确方法 此方法vue-cli要大于4.x

browserslist

如果以上配置完还是报错 贴图官方说法

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

网上很多答案其实都不太对，现在讲讲正确方法此方法vue-cli要大于4.x

如果以上配置完还是报错贴图官方说法