位置: IT常识 - 正文

认识Vue扩展插件(vue安装插件)

编辑:rootadmin
在 Vue 开发中,实现一个功能有很多种方式可以选择,这依赖于 Vue 强大的功能(指令、混合、过滤、插件等),本文介绍一下插件的开发使用。 ...

推荐整理分享认识Vue扩展插件(vue安装插件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:很全的vue插件汇总,赶紧收藏下,vuex插件,vuex插件,很全的vue插件汇总,赶紧收藏下,vue项目常用插件,vue的插件,vue 扩展,很全的vue插件汇总,赶紧收藏下,内容如对您有帮助,希望把文章链接给更多的朋友!

众所周知,在 Vue 开发中,实现一个功能可以有很多种方式可以选择,这依赖于 Vue 强大的功能(指令、混合、过滤、插件等),本文介绍一下插件的开发使用。

Vue 插件

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:

添加全局方法或者 property。如:vue-custom-element

添加全局资源:指令/过滤器/过渡等。如 vue-touch

通过全局混入来添加一些组件选项。如 vue-router

添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。

认识Vue扩展插件(vue安装插件)

一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router

使用插件

vue引入的插件,如 element , 都需要提供 install 方法,因为 Vue.use() 方法会调用插件里的 install 方法

import Vue from 'vue'import Element from 'element-ui'Vue.use(Element)全局组件

类似的全局组件也是同样的做法,在 install 方法里面 进行 组件 注册

import ColorIconComponents from './iconColor.vue'const ColorIcon = { install: function (Vue) { Vue.component('ColorIcon', ColorIconComponents) }}export default ColorIcon绑定prototype

数组对象等绑定自定义方法

// path: src/utils/customFn.jsexport default { install(Vue) { // 数组对象排序 asc-升序 des-降序 Array.prototype.sortListObjByKey = function (key, order = 'asc') { const that = this const comparefn = (obj1, obj2) => { if (order === 'asc') { return obj1[key] - obj2[key] } else { return obj2[key] - obj1[key] } } return that.sort(comparefn) } }}

使用

// path: src/main.jsimport customFn from "./libs/customFn";Vue.use(customFn)开发插件范式

来源

Vue.js 的插件应该暴露一个 install 方法。这个方法的第一个参数是 Vue 构造器,第二个参数是一个可选的选项对象:

MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. 添加全局资源 Vue.directive('my-directive', { bind (el, binding, vnode, oldVnode) { // 逻辑... } ... }) // 3. 注入组件选项 Vue.mixin({ created: function () { // 逻辑... } ... }) // 4. 添加实例方法 Vue.prototype.$myMethod = function (methodOptions) { // 逻辑... }}

???

? 持续更文,关注我,你会发现一个踏实努力的宝藏前端?,让我们一起学习,共同成长吧。

? 喜欢的小伙伴记得点赞关注收藏哟,回看不迷路 ?

? 欢迎大家评论交流, 蟹蟹?

本文链接地址:https://www.jiuchutong.com/zhishi/313118.html 转载请保留说明!

上一篇:织梦DEDECMS教程:给图片加上自动编号(织梦cms要钱吗)

下一篇:phpcms如何调取栏目图片(phpcms采集教程)

  • 京东白条在哪里开通(京东白条在哪里找)

    京东白条在哪里开通(京东白条在哪里找)

  • 小米12是直屏还是曲屏(小米12还是曲面屏吗)

    小米12是直屏还是曲屏(小米12还是曲面屏吗)

  • 苹果11pro max与苹果11pro区别(苹果11pro max与苹果11的区别)

    苹果11pro max与苹果11pro区别(苹果11pro max与苹果11的区别)

  • 苹果相册画笔在哪里(苹果相册里的画笔在哪里)

    苹果相册画笔在哪里(苹果相册里的画笔在哪里)

  • 优酷可以同时登录几个设备

    优酷可以同时登录几个设备

  • 探探如何找回解除匹配的人(探探如何找回解绑账号)

    探探如何找回解除匹配的人(探探如何找回解绑账号)

  • 12123用户信息申诉需要多久(12123用户信息申诉功能在哪)

    12123用户信息申诉需要多久(12123用户信息申诉功能在哪)

  • 华为荣耀30pro有没有耳机孔(华为荣耀30pro有几个系统)

    华为荣耀30pro有没有耳机孔(华为荣耀30pro有几个系统)

  • 小米手机不充电是什么原因(小米手机不充电就关机怎么办)

    小米手机不充电是什么原因(小米手机不充电就关机怎么办)

  • 小米手表怎么开机的方法(小米手表怎么开通虚拟卡)

    小米手表怎么开机的方法(小米手表怎么开通虚拟卡)

  • 华为手机悬浮球怎么开(华为手机悬浮球在哪里打开)

    华为手机悬浮球怎么开(华为手机悬浮球在哪里打开)

  • 电脑为什么黑屏了但系统正常运行(电脑为什么黑屏了但是灯还亮)

    电脑为什么黑屏了但系统正常运行(电脑为什么黑屏了但是灯还亮)

  • 抖音上怎么截取壁纸(抖音上怎么截取图片)

    抖音上怎么截取壁纸(抖音上怎么截取图片)

  • 苹果x的耳机怎么设置(苹果x耳机怎么缠回纸盒)

    苹果x的耳机怎么设置(苹果x耳机怎么缠回纸盒)

  • vivox27制作铃声在哪里(vivox27自定义铃声怎么添加)

    vivox27制作铃声在哪里(vivox27自定义铃声怎么添加)

  • 闲聊怎么没声音(闲聊怎么没声音提示)

    闲聊怎么没声音(闲聊怎么没声音提示)

  • iphone11有屏下指纹吗(iphone11屏下指纹解锁在哪)

    iphone11有屏下指纹吗(iphone11屏下指纹解锁在哪)

  • 微博注销后手机号码可以重新注册(微博注销后手机号码重新注册是新账号吗)

    微博注销后手机号码可以重新注册(微博注销后手机号码重新注册是新账号吗)

  • 不知道解压密码怎么解压(不知道解压密码怎么办)

    不知道解压密码怎么解压(不知道解压密码怎么办)

  • 华为手环3e功能介绍(华为手环3e功能详解)

    华为手环3e功能介绍(华为手环3e功能详解)

  • 美丽说如何开店(美丽说是什么平台)

    美丽说如何开店(美丽说是什么平台)

  • 滴水观音的养殖方法和注意事项(滴水观音的养殖方法选好浇水)

    滴水观音的养殖方法和注意事项(滴水观音的养殖方法选好浇水)

  • discuz后台登陆地址是什么(discuz论坛无法登录)

    discuz后台登陆地址是什么(discuz论坛无法登录)

  • 织梦dedecms标签调用大全(织梦常用调用标签)

    织梦dedecms标签调用大全(织梦常用调用标签)

  • 非独立核算的分公司可以开票吗
  • 什么叫直接税?直接税有哪些?
  • 保险公司支付的赔款计入什么科目
  • 跨年的所得税会计分录
  • 餐饮设备租赁服务属于
  • 下列不属于流动资产的
  • 甲供材和清包工的账务处理
  • 盘盈资产开具发票是否符合规定
  • 可变股权转让对价会计处理怎么做?
  • 企业清算时卖了车怎么办
  • 所税税汇算补交上一年度税金如何做账务处理?
  • 小企业会计准则和企业会计准则的区别
  • 营改增对金融服务业税负的影响
  • 应缴纳的所得税税额
  • 最新契税优惠政策公告财政部
  • 全面推开营改增试点12366热点问题解答(一)
  • 固定资产评估增值
  • 免税投资背后的风险,你都清楚吗?
  • 折旧费和摊销费怎么算
  • 半年付一次房租,房东一般提前多长时间催租
  • 外购商品用于招待怎么做账
  • 开专票需要哪些东西
  • 汽车加油票可以开专票吗
  • 土地使用权对外出租还摊销吗
  • 打开网页提示打开别的应用
  • 企业废业怎样做会计分录
  • 事业单位年终事迹材料
  • 发物流货物损坏怎么赔偿
  • windows11关机键怎么设置经典菜单
  • 代扣代缴代收代缴税款业务内容
  • 检验费用会计分录
  • mmtray2k.exe有什么作用 是什么进程 mmtray2k进程查询
  • 增值税的具体内容包括
  • 前端vue后端node
  • 记账凭证账务处理步骤
  • 供热企业税收优惠政策
  • 安装nodemodules
  • php有面向对象吗
  • 小微企业免教育附加
  • php 字符串处理函数
  • Stable Diffusion 关键词tag语法教程
  • 2023年最全盘点 | 16款跨平台应用程序开发框架
  • 前端实际开发
  • 个人终止投资经营的条件
  • 所得税汇算清缴需要调增的项目
  • 浅谈php设计模式的理解
  • 摄影的服务注册是什么
  • 家禽养殖企业
  • 修改mysql配置
  • 无形资产多摊销怎么处理
  • 小规模纳税属于什么科目
  • 债权投资减值准备是什么科目
  • 固定资产安装费计入入账价值吗
  • 贷款购车怎么做会计分录
  • 银行承兑汇票怎么做账
  • 压缩sql数据库
  • win7自带防护软件
  • win8设置怎么打开
  • winfs.exe - winfs是什么进程
  • linux环境什么意思
  • windows8.1u盘安装教程
  • .mcp是什么文件
  • win7防火墙怎么彻底关闭
  • win8杀毒软件关闭
  • 安卓游戏源代码
  • git 删除分支和回滚的实例详解
  • jquery中给指定元素添加样式
  • 置顶高手
  • python排序算法比较
  • 手把手教你打造一个花灯笼,老师看到肯定惊喜
  • 贵州省电子税务局操作手册
  • 河南热力公司收费标准
  • 新疆国税局电子税务局
  • 社保申报截止日期每月2023年
  • 清税申报表怎么填写
  • 分公司的总公司
  • 12366重庆电子税务局
  • 如何打印更正申请
  • 查询产品真伪怎么查询app
  • 税务系统绩效管理首要目标
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设