文章 2022-12-29 来自:开发者社区

编写vue插件入门【详细讲解】

前言:现在随着vue的火热,网上出现了很多优秀的vue插件,功能强大,方便使用。但是我们在使用中是不是总觉得少了点什么?我们只是拿来用,却从来没有认真考虑过别人怎么写的,如何实现的,使用的永远是别人的,自己又如何能进步呢?所以接下来会通过一个简单的 vue-toast 插件,来了解掌握插件的开发和使用。这个例子也是我入门的例子,当然了也是网上找的,中间掺杂着自己的理解,也许有不正确的地方,欢迎指....

编写vue插件入门【详细讲解】
文章 2022-12-27 来自:开发者社区

认识Vue扩展插件

Vue 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。一个库,提供自己的 API,同时....

文章 2022-12-06 来自:开发者社区

使用vue封装右键菜单插件

前言上周跟大家分享了如何使用vue的自定义指令实现自定义浏览器右键菜单,大家都觉得挺有意思的,这次我把它做成了插件,上传到了npm仓库。在做这个插件的过程中,踩了蛮多坑,本文就跟大家分享下我的实现思路以及过程,欢迎各位感兴趣的开发者阅本文。环境搭建一开始我是直接用的typescript的tsc命令进行打包的,但是我的插件里用到了vue、scss,发现要把这些文件打包进去需要自己去配webpack....

文章 2022-12-06 来自:开发者社区

Vue实现一个全屏加载插件并发布至npm仓库

谁经历的苦难多,谁懂得的东西也就多。前言在做头像上传功能时,为了防止用户多次点击,通常会在上传时添加一个遮罩,提示用户:图片正在上传中,上传完毕后,关闭这个遮罩层,本来想找个UI框架引入进来,使用框架提供的弹层,找了很多没找到满意的,干脆自己做一个吧。接下来就跟大家分享下如何制作一个插件,先跟大家展示下最终实现的效果:实现思路涉及到的知识点:Vue 构造器、实例挂载编写加载层业务代码,实现全局加....

Vue实现一个全屏加载插件并发布至npm仓库
文章 2022-12-06 来自:开发者社区

Vue图片浏览插件v-viewer的使用

永远对生活充满希望,对于困境与磨难,微笑应对。前言在项目中点击小图查看大图,对大图进行旋转、放大、缩小是个很常见的需求,今天就跟大家分享下v-viewer插件如何在vue项目中使用。先看下最终实现的效果(图片较大,点击链接进行查看)gif效果图安装插件终端执行yarn add v-viewer 使用插件在main.js中添加如下代码import 'viewerjs/dist/viewer.css....

文章 2022-11-28 来自:开发者社区

如何开发 Vue 插件?

如何开发 Vue 插件?创建一个插件(组件)目录结构:在src目录下创建一个plugins目录,写我们的button组件// src/plugins/button/src/index.vue <template> <button class="create-btn primary"> <span> <slo...

如何开发 Vue 插件?
文章 2022-11-26 来自:开发者社区

vue element-ui分页插件 始终保持在页面底部样式

vue element-ui分页插件 始终保持在页面底部样式最近在写前端页面的时候,有一个小需求就是保证分页插件一直保持在底部,表单数据增多的时候出现竖向的滚动条。直接上代码<el-card class="footer" v-if="total > 0"> <!-- 分页插件 --> <div> <el-pa...

vue element-ui分页插件 始终保持在页面底部样式
文章 2022-11-25 来自:开发者社区

Vue插件(plugin)

前言当我们的项目业务一但复杂起来,相应的全局组件或者是全局自定义指令等等就会变得多了起来,而为了让我们更好了进行管理,vue给我们提供插件的功能,让我们更好的添加全局功能。下面就让我们来看一看他是如何实现的,以及应用场景有哪些吧。插件插件(plugin):能更好的管理添加全局功能的相关代码。import { createApp } from 'vue' import plugin from '.....

文章 2022-10-12 来自:开发者社区

用vue写一个日历插件

先上图,看看效果 项目git地址 思路:实现获取当前时间,新建一个datalet now = new Date();然后需要判断显示的是否为当月时间if (cur) { date = new Date(cur); } else { let now = new Date(); date = new Date( /指定时间/ ...

用vue写一个日历插件
文章 2022-09-16 来自:开发者社区

vscode开发vue推荐插件

vetur——代码格式化Auto Close Tag——自动闭合HTML/XML标签Bracket Pair Colorizer——彩虹括号(vscode新版本不需要安装了,在 settings 里面可以配置)

vscode开发vue推荐插件

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

阿里巴巴终端技术

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

+关注