文章 2024-10-22 来自:开发者社区

vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据

一、按需引入自定义组件:unplugin-vue-components unplugin-vue-components插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件); 使用此插件后,不需要手动编写import { Button } from 'ant-design-vue’这样的代码了,插件会自动识别template中使用的自定义组件并自动注册。 ...

文章 2024-09-12 来自:开发者社区

vite如何打包vue3插件为JSSDK

以下是使用 Vite 打包 Vue 3 插件为 JS SDK 的步骤: 一、创建 Vue 3 插件项目 使用 Vite 创建一个 Vue 3 项目: npm init vite-plugin-sdk -- --templ...

文章 2024-08-29 来自:开发者社区

Vue3拖拽插件(vuedraggable@next)

参考文档官方网站 效果如下图:vuedraggable@4.1.0 在线预览 安装插件 pnpm add vuedraggable@next 引入并使用 <script lang="ts" setup> import { ref, watchEffect } from 'vue' import Draggable...

Vue3拖拽插件(vuedraggable@next)
文章 2024-08-29 来自:开发者社区

Vue3使用触摸滑动插件(Swiper)

参考文档: Swiper官方 Swiper API Swiper Vue Swiper Demos 本文使用版本:Swiper@11.1.7 安装插件:pnpm add swiper 本文基于Swiper插件进行封装,主要实现两种形式的轮播图展示: 首页轮播图切换展示(type: banner) 走马灯轮播图滚动展示(type: carousel)...

Vue3使用触摸滑动插件(Swiper)
文章 2024-08-15 来自:开发者社区

在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件

前言 有需求需要用到这个大腿们设计的无缝滚动插件(vue3-seamless-scroll),效果不错,记录一下使用过程。本插件不需要全局引用,只需要局部引用到页面中即可,主要有三个步骤,分别是引入、注册、使用。 一、文档地址 https://github.com/xfy520/vue3-seamless-scroll https://gitee.com/longxinziyan/v...

在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
文章 2024-08-10 来自:开发者社区

【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件

在日常开发中,我们经常会遇到需要打印的场景。比如在电商后台管理系统中,需要打印订单;在医院管理系统中,需要打印患者的化验单。 一个强大且易用的打印插件不仅可以提升开发效率,还能大大提高用户体验。 之前,我一直在寻找一个既支持 Vue 2 又支持 Vue 3 的打印插件,直到我发现了 vue-plugin-hiprint,真的是眼前一亮! ...

【Vue2 / Vue3】 一个贼nb,贼强大的自定义打印插件
文章 2024-03-19 来自:开发者社区

Vue3通信方式之defineProps、defineEmits、useAttrs、插件mitt和v-model

1、使用defineProps props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用! 父组件给子组件传递数据 <Child info...

Vue3通信方式之defineProps、defineEmits、useAttrs、插件mitt和v-model
文章 2023-12-15 来自:开发者社区

Vue3+hooks快速接入Lodop打印插件

前言上面文章《Vue快速接入菜鸟打印组件》讲了vue3如何快速集成菜鸟打印组件,这篇讲讲vue3如何集成lodop组件。一、下载并修改LodopFuncs.js在官网 Lodop 官网 下载入门案例,其中有LodopFuncs.js 我们需要的文件 LodopFuncs.js ,其他案例也可以稍微运行看看。1.1 调整LodopFuncs.js代码, 暴露 getLodop我们在尾部加上一下代码....

Vue3+hooks快速接入Lodop打印插件
文章 2023-06-29 来自:开发者社区

【Vue3 插件篇】GSAP 动画库与 图片预览插件

GSAP 动画库GSAP(GreenSock Animation Platform)是一个专业的动画库,可以用它完成你想要的各种效果官网地址:https://greensock.com/参考文章一:https://www.jianshu.com/p/a8e150f0e569参考文章二:https://devpress.csdn.net/vue/62ed1cdc7e66823466180802.h....

【Vue3 插件篇】GSAP 动画库与 图片预览插件
文章 2023-06-28 来自:开发者社区

【三十天精通Vue 3】第十三天 Vue 3 的插件详解

引言当今 Vue.js 已经成为了前端框架的主流之一,随着 Vue.js 的不断发展,插件 (plugin) 已经成为了 Vue.js 中的一个重要组成部分。在 Vue.js 3.x 版本中,插件已经成为了 Vue.js 的默认行为,因此熟练使用插件已经成为了 Vue.js 开发者的必备技能之一。今天将会对 Vue.js 插件进行全面的阐述,包括插件的概述、使用、分类、自定义插件以及插件的开发等....

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

阿里巴巴终端技术

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

+关注