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

  • 小规模纳税人征税规定
  • 增值税专用发票抵扣期限
  • 个税返还手续费奖励员工账务处理
  • 税务系统 受理
  • 接受捐赠的固定资产计入什么科目
  • 税务登记证注销证明
  • 用友u8怎样查询上个月凭证
  • 估价入账固定资产实际入账时补提折旧吗?
  • 购买方退货的会计处理
  • 资质挂靠人员需要交个税吗?
  • 分公司有法律效力吗
  • 快递费税率为什么是9
  • 金税盘和税控盘哪个好
  • 员工赔偿款需要交个税么
  • 从对公账户转账到个人账号需要多久?
  • 其他应付款下的固定资产怎么报废
  • 实收资本不到位后果
  • 报考中级会计的工作证明
  • 主营业务收入和营业收入的区别
  • 快启动u盘制作
  • thinkphp yii
  • 经营性流动负债计算公式
  • 如何把握售后租回交易的主要问题
  • 生产成本的主要分析方法
  • 玉兰种院子什么方位
  • 大群的芒基蝠鲼跃出水面,墨西哥加利福尼亚湾 (© Mark Carwardine/Minden Pictures)
  • symerr函数
  • 职工福利费的开支范围有哪些
  • 建安企业账务处理 工程施工
  • 孪生神经网络 计算相似度
  • .gp4
  • uname命令功能
  • discuz怎么添加diy模块
  • 非成品油发票为什么不能抵扣
  • 贸易企业开发下游业务
  • 航天远程清卡
  • 固定资产清理如何申报增值税
  • 工资计提和发放能不能在一个月
  • 母公司资产包括子公司吗
  • mongo删除数据库命令
  • 发票章丢了会不会有事
  • 福利费是工资的14%,这里工资是税前工资吗
  • 个人股权转让需要评估吗
  • 主管盾和制单盾是是转账使用的U盾吗?
  • 增值税专用发票的税率是多少啊
  • 邮电通信企业业务收入包括哪些内容?
  • 小规模纳税人开专票可以抵扣进项吗
  • 已抵扣发票红冲做进项税转出
  • 债务重组与资产重组
  • 收到赞助费怎么回复客户
  • 利润表主营业务收入怎么算
  • 固定资产可资本化的后续支出
  • 退回的增值税税费怎么做会计记录
  • 购买债券的交易费计入什么科目
  • 销售收入用营业收入还是营业总收入
  • 企业弥补亏损的来源有
  • 长期待摊费用如何结转
  • sql server设置
  • ubuntu安装指南
  • Ubuntu 16.04 LTS正式发布,看看有哪些更新
  • 还原windows是什么意思
  • win10苹果版
  • dgservice.exe是什么
  • 在对linux系统中dir
  • linux 文件数量 命令
  • python音频文件读写
  • unity3d跑酷游戏推荐
  • vbs以管理员权限运行
  • jquery移动端ui框架
  • python signal模块
  • jquery 右键菜单
  • python获取数据的方法
  • [置顶]JM259194
  • javascript获取复选框的值
  • 事务所是干什么的会计
  • 国家税务局总局政策咨询
  • 上海房产税免税面积怎么算
  • 文化事业建设费减免政策
  • 广东2020医保缴费要多少
  • 新疆哪个城市最有发展前景
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设