位置: 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采集教程)

  • 华为nova10pro怎么调静音模式(华为nova10pro怎么打开高清通话)

    华为nova10pro怎么调静音模式(华为nova10pro怎么打开高清通话)

  • 你的呼叫发生旋转并且呼叫受限(你的呼叫发生旋转并且呼叫受限怎么关闭)

    你的呼叫发生旋转并且呼叫受限(你的呼叫发生旋转并且呼叫受限怎么关闭)

  • iphone屏幕突然变暗(iphone屏幕突然变黄怎么回事)

    iphone屏幕突然变暗(iphone屏幕突然变黄怎么回事)

  • 亚马逊账户关联几天能查到(亚马逊账户关联怎么申诉)

    亚马逊账户关联几天能查到(亚马逊账户关联怎么申诉)

  • 为什么微信步数没有显示自己的(为什么微信步数点进去和显示的不一样)

    为什么微信步数没有显示自己的(为什么微信步数点进去和显示的不一样)

  • OceanBase基于什么开发的(oceanbase基于什么数据库)

    OceanBase基于什么开发的(oceanbase基于什么数据库)

  • 腾讯会议怎么换扬声器(腾讯会议怎么换号登录)

    腾讯会议怎么换扬声器(腾讯会议怎么换号登录)

  • 屏幕共享能看到对方脸么(屏幕共享能看到ppt的备注吗)

    屏幕共享能看到对方脸么(屏幕共享能看到ppt的备注吗)

  • 拼多多隐形降权恢复期(拼多多隐形降权一般屏蔽多久)

    拼多多隐形降权恢复期(拼多多隐形降权一般屏蔽多久)

  • 笔记本电脑用有线鼠标需要驱动吗(笔记本电脑用有线网还是无线网好)

    笔记本电脑用有线鼠标需要驱动吗(笔记本电脑用有线网还是无线网好)

  • 如何关闭勿扰模式(如何关闭勿扰模式苹果11)

    如何关闭勿扰模式(如何关闭勿扰模式苹果11)

  • 在windows中,用打印机可同时打印几份文件(在windows中在实施打印前())

    在windows中,用打印机可同时打印几份文件(在windows中在实施打印前())

  • soul怎么和好友开视频(soul怎么和好友玩猜拳)

    soul怎么和好友开视频(soul怎么和好友玩猜拳)

  • 钰五行属什么(钰的最佳配字)

    钰五行属什么(钰的最佳配字)

  • 共享牙医app是什么(牙医平台app)

    共享牙医app是什么(牙医平台app)

  • 为什么保存的ppt不见了(为什么保存的ppt后多出来了tmp文件)

    为什么保存的ppt不见了(为什么保存的ppt后多出来了tmp文件)

  • 关闭imessage有影响吗

    关闭imessage有影响吗

  • 闪迪u盘太烫会烧坏吗(闪迪u盘温度高)

    闪迪u盘太烫会烧坏吗(闪迪u盘温度高)

  • 趣步二维码在哪里看到(趣步二维码在哪里找)

    趣步二维码在哪里看到(趣步二维码在哪里找)

  • 时光相册能制作小视频吗(时光相册制作的音乐相册在哪里)

    时光相册能制作小视频吗(时光相册制作的音乐相册在哪里)

  • 抖音怎么发多张照片带音乐(抖音怎么发多张照片视频教程)

    抖音怎么发多张照片带音乐(抖音怎么发多张照片视频教程)

  • 阻止系统蓝屏后自动重启(阻止系统蓝屏后怎么恢复)

    阻止系统蓝屏后自动重启(阻止系统蓝屏后怎么恢复)

  • win11系统放大镜在哪? windows11开启放大镜功能的技巧(windows11 缩放)

    win11系统放大镜在哪? windows11开启放大镜功能的技巧(windows11 缩放)

  • 收到退个税手续费要交增值税吗?
  • 个人所得税申报截止时间
  • 什么是纳税义务人,在理解这一观念时应注意哪些问题
  • 增值税交错了退税怎么退
  • 公司的软件服务包括哪些
  • 交易性金融资产的账务处理
  • 6%税点是什么意思
  • 会计核算形式的主要区别
  • 个人生产所得税计算
  • 事业单位财政直接支付账务处理
  • 暂估入库商品用什么科目
  • 融资租入的企业有哪些
  • 支付员工提成奖金怎么做会计分录?
  • 国有独资企业董事会应当在每年
  • 帮客户垫付的费用有发票如何做账科目
  • 双软企业资质
  • 房屋租赁合同样本书
  • 自收自支事业单位是什么意思
  • 增值税专用发票和普通发票的区别
  • 年末会计做账怎样少交企业所得税呢?
  • 地税注销流程
  • 增值税三个过渡期科目
  • 挂靠公司代收入税金如何做分录?
  • 来料加工企业如何计算产值
  • 总资产利润率计算公式是什么意思
  • 企业延期缴纳税款
  • win11系统进程
  • 华为手机怎么删除多余的桌面
  • win10怎么防火墙白名单
  • 进货折扣适用于什么条件
  • vue中使用v-for指令时 为什么要加 key解释正确的是
  • hdaudpropshortcut.exe是什么进程 作用是什么 hdaudpropshortcut进程查询
  • msoxmled.exe是什么软件
  • php __destruct
  • 电梯的维护保养应当由谁负责
  • PHP:mcrypt_get_block_size()的用法_Mcrypt函数
  • 上传图片照片
  • 跨年可以预提费用吗
  • 向银行借入的资金属于什么
  • 收到企业所得税退税会计分录怎么做
  • 服务,不动产和无形资产怎么填小规模
  • java web购物系统
  • 用命令ls-al显示出文件ff
  • file读取文件内容
  • 企业确认坏账损失领导如何回复
  • 小规模纳税人开农产品免税发票
  • 固定资产多少金额才算
  • ps抠图怎样
  • 中付支付科技有限公司备付金
  • 现代服务包括哪些内容是什么
  • 建筑施工企业适用什么会计制度
  • 航天金税服务费280元每年都交吗
  • 工业增加值计算表(按生产法)
  • 企业接受供应单位提供劳务而发生的应付账款
  • 股权过户费用
  • 公司增资怎么处理
  • 专票和普票的作用
  • 营改增后建筑行业进项税能抵扣吗
  • 法定节假日报税顺延几天
  • freebsd10安装教程
  • win10建行网银盾插上网页弹不出来
  • windows允许多用户登录
  • linux软件类型
  • linux里vim常用命令
  • linux中rwx
  • rpm软件安装命令
  • Win8系统怎么安装
  • Extjs4 类的定义和扩展实例
  • ContentProvider之通过ContentResolver获取图像、视频、音频举例
  • 拖拽js实现
  • ubuntu20.04 python
  • ecmascript新特性
  • js获取文本框的值进行计算
  • jquery 获取滚动距离
  • 山东中信银行电话
  • 香港pcc价格
  • 税务登记表格怎么填写
  • 国税局辽宁省国税局
  • 福安少数民族姓氏
  • 住宅区地下车位产权归属
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设