2024-05-08图表展现能力是平台需具备的基础能力，目前echarts是最佳选择。在早期版本的图表中，不同的图表样式，需要不同的数据格式，需要进行复杂封装才能易于使用。百度官方也意识到这个问题，在echarts 4.0版本提供了dataset属性支持，提供了统一的数据格式，也曾考虑基于这一新特性将常用图表进行封装。后来，发现了饿了么团队出品的开源组件v-charts，统一提供了一种对前后端都友好的数据格式，只需设置简单的配置项，便可轻松生成常见的图表。但v-charts停留在了vue2.x版本，vue3.x完全没有动_echarts组件设计

https://www.qianduange.cn//article/7549.html 分类：前端知识

2024-05-08swiper轮播图官网参考文章，最好先看完他的介绍，再看我的。swiper，vue中swiper的应用，swiper各个版本在vue项目中应用官方效果传送门更多效果传送门提示：以下是本篇文章正文内容，下面案例可供参考vue2使用swiper组件组件实战保姆级教程。_vue swiper

https://www.qianduange.cn//article/7548.html 分类：前端知识

2024-05-07刚接触 vue3，想弹框添加信息，点确认调接口添加信息，然后数据清空，使用 reactive 定义变量，修改变量时遇到点小问题，总结下：修改变量想像vue2 一样给 testForm 重新赋值，结果表单里面是数据没清掉，表单内容还修改不了了1.各个属性单独赋值2.使用 Object.assign如果定义对象的属性比较多，可以定义一个函数，需要重新赋值的地方调用这个函数。如果大家有好的重新赋值的方法，还请指点。_vue3 reactive重新赋值

https://www.qianduange.cn//article/7265.html 分类：前端知识

2024-05-06提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;_vue2 vue3共存

https://www.qianduange.cn//article/7200.html 分类：前端知识

2024-05-06Vue3出了已经有一段时间了，之前做的项目基本都是vue2 webpack做的，正好现在马上要接一个新的项目，先手撸一套脚手架试试水~技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router 4x状态管理：vuex 4xAJAX：axiosUI库：element-plus数据模拟：mockjs代码规范：eslint代码格式化：Prettiercss预处理：sass_vue3 vite ts

https://www.qianduange.cn//article/7184.html 分类：前端知识

2024-05-06如果引入了UI组件，会强制的把组件的px给改掉，selectorBlackList: [‘van-’]属性可以指定不转换为视窗单位的类名，例如vantUI组件所有类名都是以van-开头的，就不会将组件的宽度改变啦。2.我的UI设计稿宽度是375，所以viewportWidth 设置为375，会自动转换为vw，项目介绍 vite vue3 js的项目，vue2应该也是能用的，自己试下。1.安装自适应插件postcss-px-to-viewport。_csdn vite自适应页面

https://www.qianduange.cn//article/7143.html 分类：前端知识

2024-05-06以上就是在vue2中使用微信Js-SDK的详细步骤。在实际项目中，需要根据具体的需求调用微信Js-SDK提供的其他接口，并在回调函数中处理相应的逻辑。_vue引入微信sdk

https://www.qianduange.cn//article/7115.html 分类：前端知识

2024-02-04前段开发之详细的Vue3入门教程，特别适合小白系统学习，入门到熟练使用Vue看这一篇就够了！内容包括Vue3项目的创建，vue2与Vue3的区别，路由，组件，各种组件之间的传值等；_vue3

https://www.qianduange.cn//article/1270.html 分类：前端知识

2024-05-05解决方案：无需升级ts版本，手动删除node_modules文件夹中的vue-router文件夹，终端执行npm install vue-router@3.0.1即可解决上述报错。网上有些解决方案说是将当前ts升级到4.3.5即可，但是楼主升级到4.3.5之后报错更多，并且仍然存在上述错误。_module '"../../vue/types"' has no exported member 'ref'. did you mean to use

https://www.qianduange.cn//article/7071.html 分类：前端知识

2024-05-05因为传统的HTTP是无状态协议，每次请求-应答需要客户端于服务端建立连接的模式。WebSocket是类似Socket的TCP长连接通讯模式。标题中间的表头部分采用flex布局，使用dataV的dv-decoration-8，对称使用reverse flex等分布局。这里需要注意的是如果需要图表动态不定时的加载，将图标的初始化放在webscoket接收到信息后初始化。Vue图片引入使用require()webSocket是一种网络通信协议。设置布局使用flex布局 百分比。_datav大屏

https://www.qianduange.cn//article/7050.html 分类：前端知识