![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 81
benlalagang
胸怀大志,腹有良谋,有包藏宇宙之机,吞吐天地之志者。
展开
-
Sheet.JS 在Vue-cli中使用
Sheet.JS 在Vue-cli中使用、1.安装2.引入3.导出表格相关操作4.导入表格相关操作原创 2022-11-15 15:36:07 · 1443 阅读 · 0 评论 -
vue-quill-editor富文本编辑器-扩展表格、图片调整大小
上篇文章已经讲到、vue-quill-editor的基本配置和图片转成url 这篇文章主要使用插件来完成 图片调整大小 和 表格的插件使用(这两个目前quill 版本并不兼容 如果有大神解决了还望指点)原创 2022-11-12 10:10:19 · 10789 阅读 · 4 评论 -
vue-quill-editor富文本编辑器的使用
富文本编辑器在基础模块之上进行一些扩展如 上传图片修改成url格式(默认base64 不便于存储传输)原创 2022-11-10 17:42:07 · 3279 阅读 · 1 评论 -
element-ui upload图片上传组件使用
element-ui upload组件上传图片使用原创 2022-11-05 19:15:52 · 1729 阅读 · 0 评论 -
Vue+WebSocket-实现多人聊天室
Vue+WebSocket-实现多人聊天室原创 2022-11-04 19:37:03 · 4413 阅读 · 0 评论 -
nuxt.js 进行项目重构-首页全部功能完成以及分类页的完成
首页布局+功能全部完成、以及分类页的完成原创 2022-10-24 14:07:59 · 1488 阅读 · 0 评论 -
nuxt.js 进行项目重构-配置事件总线、底部tabbar、better-scroll
nuxt.js 进行项目重构-配置事件总线、底部tabbar、better-scroll、运用到首页原创 2022-10-24 10:18:12 · 1851 阅读 · 0 评论 -
nuxt.js 进行项目重构-首页-二
商品列表 和整体盒子组件封装 至此 首页布局已经完成原创 2022-10-23 14:58:23 · 1050 阅读 · 0 评论 -
nuxt.js 进行项目重构-首页
按照组件化细分首页 navTop 组件 swiper组件 homeIcon组件 homeRecommend组件的构造 和使用原创 2022-10-22 15:38:10 · 1402 阅读 · 0 评论 -
nuxt.js 进行项目重构-准备工作 项目分析
nuxt.js 进行项目重构-准备工作 项目分析/ 目录了解 路由重构 页面组件划分 Vuex使用 一些模块的使用定义原创 2022-10-21 18:06:49 · 1283 阅读 · 0 评论 -
vue+echarts项目十二:使用webSocket优化项目:合并图表到一个页面并添加 切换主题和切换全屏功能
讲之前所写的图表整合到一个页面上、并且添加 主题切换和 单项全屏切换的功能原创 2022-09-30 14:30:00 · 1295 阅读 · 0 评论 -
vue+echarts项目十一:使用webSocket优化项目:各图表组件的改造及流程梳理
各图表组件使用this.$socket的改造及代码逻辑流程梳理原创 2022-09-30 08:38:56 · 1382 阅读 · 0 评论 -
vue+echarts项目十:使用webSocket优化项目:前后端代码改造
使用webSocket优化项目:前后端代码改造原创 2022-09-29 14:25:39 · 1051 阅读 · 0 评论 -
vue+echarts项目九:使用webSocket优化项目:初识ws
webSocket安装与 初识使用。原创 2022-09-29 08:48:31 · 1351 阅读 · 0 评论 -
vue+echarts项目八:库存情况(显示占比圆环图)
显示库存关系对比的圆环图表,步骤 创建并初始化图表-》请求数据=》处理数据 更新图表实例=》启停定时器 =》视图分辨率的响应 展示其实是 五个圆环系列 控制好中心点分布 圆环一部分用渐变 一部分用黑底色原创 2022-09-29 08:47:22 · 2150 阅读 · 0 评论 -
vue+echarts项目七:热销商品占比(可切换饼图)
热销商品占比、初始化图表、请求数据、渲染饼图、主动切换按钮、更改关联数值。重新渲染图表、还有分辨率的响应适配原创 2022-09-28 15:54:04 · 684 阅读 · 0 评论 -
vue+echarts项目六:地区销量排行(流动柱状图)
组件结构设计/初始化图表+数据的获取+更新图表、通过动态绑定dataZoom的startValue endValue 实现流动效果原创 2022-09-28 09:53:15 · 1657 阅读 · 3 评论 -
vue+echarts项目五:商家分布(地图+散点图)
商家地图+散点图显示的渲染 地图资源放置在静态资源中 因为一般不会变化 请求数据先注册中国地图 配合散点图显示 还有各个省份与中国地图见的缩放事件处理 最后是页面尺寸响应原创 2022-09-27 11:25:24 · 1834 阅读 · 0 评论 -
vue+echarts项目四:地区销量趋势(堆叠折线图)
初始化图表+数据的获取+更新图表、尺寸变化的适配、标题显示以及对于数据的切换操作原创 2022-09-24 17:01:48 · 1299 阅读 · 0 评论 -
vue+echarts项目三:商家销量统计(横向柱状图)
商家销量统计(横向柱状图)、组件结构设计、在mounted生命周期中初始化 echartsInstance 对象、发送请求获取对应的数据 并进行相应操作、启停定时器相关操作、窗口发生变化时的相关操作原创 2022-09-23 09:08:36 · 1191 阅读 · 0 评论 -
Vue+element 登录业务实现
Vue+element 登录业务实现、页面布局、表单搭建、发起post请求、外加路由验证原创 2022-08-18 09:23:13 · 169 阅读 · 0 评论 -
Vue在打包项目时显示空白页问题和一些解决思路
Vue在打包项目时显示空白页问题和一些解决思路、1.整体资源路径、2.路由模式、3.本地服务器的改变原创 2022-08-01 10:05:34 · 7484 阅读 · 1 评论 -
uni-app/Vue实现 购物车页面功能的业务逻辑
uni-app/Vue实现购物车页面功能的业务逻辑。用户在商品列表页或者商品详情页进行添加到购物车操作、把此商品需要在购物车渲染的数据整理好一个对象,转存到Vuex中在购物车页面渲染列表数据购物车页面的相关交互 单选 全选联动 动态计算价格 进行支付......原创 2022-07-27 10:01:44 · 2335 阅读 · 2 评论 -
vue+element实现单选多选 答题的打分demo(从0-1全过程)
答题: vue+element答题demo 包含单选 多选 判断、打分页面原创 2022-07-22 17:12:40 · 4046 阅读 · 0 评论 -
Vue组件中的生命周期函数
生命周期就是组件从开始到结束经过的某些节点我们可以在这些节点中进行响应的操作组件创建-前在new一个实例后 还不能使用data 和methods组件创建-后可以使用data 和methods可以发起网络请求组件挂载到DOM-前已经编译好模板了 还没有挂载到DOM中 页面组件挂载到DOM-后可以进行DOM操作 如:init echarts图表组件销毁-后此时可以进行一切清理性工作this.$nextTick(回调函数) 在下一次DOM更新结束后执行其指定的回调什么时候用:当改变数据后,要基于更新后的新DOM进原创 2022-07-07 10:05:58 · 271 阅读 · 0 评论 -
Vue-Router小结
用 Vue + Vue Router 创建单页应用非常简单:通过 Vue.js,我们已经用组件组成了我们的应用。当加入 Vue Router 时,我们需要做的就是将我们的组件映射到路由上,让 Vue Router 知道在哪里渲染它们。入门 | Vue Routerhttps://router.vuejs.org/zh/guide/或者在脚手架创建项目中选择 Router 安装完成后会在项目src文件夹下 自动新增 router 文件夹router下 index.js:main.js 中 首先在r原创 2022-07-06 10:24:59 · 152 阅读 · 0 评论 -
Vuex小总结
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 -----摘自官网Vuex 是什么? | Vuexhttps://vuex.vuejs.org/zh/对于我个人的理解Vuex就是储存公共的数据 在项目运用中 所用组件都可以访问使用,并对可以使用在Vuex中定义的方法。例如购物车功能在商品详情页上触发添加到Vuex的数据当中在购物车页面直接同步渲染 数据列表一、安装常用npm安装 或原创 2022-07-05 11:55:25 · 245 阅读 · 0 评论 -
Vue中的组件通讯
最常用简单的方式:props父组件通过v-bind传递数据:子组件通过props 接收并且可以进行一些限制在Vue3中新增了 直接后代传值的API ①、通过props 接收父组件传来的函数名、在子组件内部调用this.事件名(传递的参数)。这样就实现了子组件向父组件传值。②、子组件发射自定义事件子组件this.$emit('事件名',参数) 父组件在子组件的标签上@事件名=‘methods里的方法(不用带括号传参)’子组件触发事件 传参 但回调在父组件执行 ③、通过$refs 直接调用子组件内的方法.原创 2022-07-04 10:41:28 · 262 阅读 · 0 评论 -
Vue中的原型链prototype
尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili前置所需Promise、axios、ES6、Ajax知识均有系统、强大、独立课程,链接在置顶评论中!喜欢的话记得一键三连呀【点赞、投币、收藏】感谢支持~尚硅谷Vue技术全家桶教程震撼发布!本课程对Vue2和Vue3中的各项核心技术,以及周边技术都进行了详细的讲解,一套课程让你精通Vue技术栈,让前端开发如丝般顺滑!, 视频播放量 5123072、弹幕量 184348、点赞数 50375、投硬币枚数 56056、收藏人原创 2022-07-04 08:58:30 · 1934 阅读 · 0 评论