文章 2025-06-02 来自:开发者社区

Vue 文件批量下载组件封装完整使用方法及优化方案解析

一、批量下载功能使用方法 (一)方案一:前端打包方案(file-saver + jszip) 安装依赖 npm install file-saver jszip 创建工具函数在项目中创建utils/batchDownload.js文件: import { saveAs } from 'file-...

文章 2024-07-14 来自:开发者社区

vue代码优化方案

Vue.js 代码的优化是提升应用性能、可维护性和用户体验的重要方面。以下是一些关键的Vue代码优化方案,旨在帮助你提升项目质量: 组件化细粒度组件:将大型组件拆分为更小的、可复用的组件。这有助于提升代码的清晰度、可测试性和维护性。按需加载组件:利用Vue的异步组件和Webpack的代码分割功能,实现组件的懒加载,...

文章 2024-03-15 来自:开发者社区

vue整合kitymind百度脑图-引用打包文件方案

前言 项目为前端vue项目,把kitymind百度脑图整合到前端vue项目中,显示了脑图的绘制,编辑,到处为json,png,text等格式的功能 文章末尾有相关的代码链接,代码只包含前端项目,在原始的项目中也编写了相关的接口,但是原先的后端项目是公司的,不方便公开出来,这里只提供我新写的前端项目,刚兴趣的同学可以把后端实现。 项目目录 ...

vue整合kitymind百度脑图-引用打包文件方案
文章 2024-03-06 来自:开发者社区

vue页面如何单独给背景色全方案

第一种 通过mounted钩子函数动态设置背景色 mounted(){ document.body.style.backgroundColor="#ffffff"; } ...

文章 2024-03-05 来自:开发者社区

vue组件强制刷新的5种方案

Vue底层是双向绑定;在特定的情况下,需要手动触发“刷新”操作,目前有四种方案可以选择: · 刷新整个页面(最low的,可以借助vue router机制) · 使用v-if标记(比较low的) · 使用内置的this.$forceUpdate方法(较好的) · 使用key-changing优化组件(最好的) · 使用provide/inject实现强制刷新...

vue组件强制刷新的5种方案
文章 2023-11-01 来自:开发者社区

vue 项目的屏幕自适应方案

方案一:使用 scale-box 组件属性:width 宽度 默认 1920height 高度 默认 1080bgc 背景颜色 默认 "transparent"delay自适应缩放防抖延迟时间(ms) 默认 100vue2版本:vue2大屏适配缩放组件(vue2-scale-box - npm)npm install vue2-scale-box或者yarn add vue2-scale-box....

文章 2023-08-10 来自:开发者社区

Vue 组件数据通信方案总结

背景初识 Vue.js ,了解到组件是 Vue 的主要构成部分,但组件内部的作用域是相对独立的部分,组件之间的关系一般如下图:组件 A 与组件 B 、C 之间是父子组件,组件 B 、C 之间是兄弟组件,而组件 A 、D 之间是隔代的关系。那么对于这些不同的关系,本文主要分享了他们之间可以采用的几种数据通信方式,例如 Props 、$emit / $on 、Vuex 等,大家可以根据自己的使用场景....

Vue 组件数据通信方案总结
文章 2023-06-29 来自:开发者社区

【Vue 移动端开发】适配百分之99的屏幕方案

一、引入之前提起移动端适配,都是一些视口的概念,包括物理像素和逻辑像素,理想视口,dpr等等等。利用 media query 和 rem 是最常见的移动端适配方案。如下代码:const deviceWidth = document.documentElement.clientWidth || document.body.clientWidth; document.querySelector('h....

【Vue 移动端开发】适配百分之99的屏幕方案
文章 2023-01-18 来自:开发者社区

深入浅出,带你看懂Vue组件间通信的8种方案

前言Vue种组件通信的情况有多种,总结有以下4种情况:父子组件间通信兄弟组件间通信祖孙后代间通信无关系组件间通信8种解决方案通过 props 传递通过 $emit 触发自定义事件使用 ref使用 EventBus使用 $parent 或$root使用 attrs 与 listeners使用 Provide 与 Inject使用 Vuexprops进行组件间通信网络异常,图片无法展示|Prop作为....

深入浅出,带你看懂Vue组件间通信的8种方案
文章 2022-05-07 来自:开发者社区

[分享] Vue项目快速初始化手淘2.0适配方案

快速开始:初始化vue项目vue create vw_demo 安装依赖`yarn add postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano cssnano-preset-advanced --dev `配置postcs....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注