vue中install方法_vue.install-程序员宅基地

技术标签: vue  

vue提供install可供我们开发新的插件及全局注册组件等
install方法第一个参数是vue的构造器,第二个参数是可选的选项对象

export default {
    
	install(Vue,option){
    
		组件
		指令
		混入
		挂载vue原型
	}
}

全局注册组件

import PageTools from '@/components/PageTools/pageTools.vue'
import update from './update/index.vue'
import ImageUpload from './ImageUpload/ImageUpload.vue'
import ScreenFull from './ScreenFull'
import ThemePicker from './ThemePicker'
import TagsView from './TagsView'
export default {
    
  install(Vue) {
    
    Vue.component('PageTools', PageTools)
    Vue.component('update', update)
    Vue.component('ImageUpload', ImageUpload)
    Vue.component('ScreenFull', ScreenFull)
    Vue.component('ThemePicker', ThemePicker)
    Vue.component('TagsView', TagsView)
  }
}

在main.js中直接用引用并Vue.use进行注册


import Component from '@/components'
Vue.use(Component)

全局自定义指令

export default{
    
	install(Vue){
    
		Vue.directive('pre',{
    
			inserted(button,bind){
    
				button.addEventListener('click',()=>{
    
					if(!button.disabled){
    
						button.disabled = true;
						setTimeout(()=>{
    
							button.disabled = false
						},1000)
					}
				})
			}
		})
	}
}

在main.js跟注册组件一样

import pre from '@/aiqi'

Vue.use(pre)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44795287/article/details/113877107

智能推荐

吴恩达:2020 年,这些 AI 大事件让我无法忘怀...-程序员宅基地

文章浏览阅读361次。作者:吴恩达编译:陈大鑫、贝爽编辑:青暮转自:AI科技评论日前,吴恩达在圣诞节之际回顾了2020年AI的一些重大事件,包括AI应对新冠疫情、数据集存在种族偏见、对抗虚假信息算法、Alph..._2020年机器学习事件

微信 及支付宝 支付接口 功能_在线电商平台 支付宝 微信支付 合利宝接口-程序员宅基地

文章浏览阅读5.3k次,点赞3次,收藏12次。1:首页需要了解支付宝跟微信的开发文档,这里就贴上文档网址,不做过多描述微信:https://pay.weixin.qq.com/wiki/doc/api/index.html支付宝:https://open.alipay.com/developmentDocument.htm2:业务流程 首先不管是支付宝还是微信,在对应不同的场景支付的时候都会有不同的接口,这里需要注意,..._在线电商平台 支付宝 微信支付 合利宝接口

Couldn‘t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7_couldn't open file /etc/pki/rpm-gpg/rpm-gpg-key-7-程序员宅基地

文章浏览阅读2.3k次。今天在CentOS7中使用yum命令的时候提示Couldn’t open file /etc/pki/rpm-gpg/RPM-GPG-KEY-7。GPG在Linux上的应用主要是实现官方发布的包的签名机制。GPG分为公钥及私钥。公钥:顾名思意,即可共享的密钥,主要用于验证私钥加密的数据及签名要发送给私钥方的数据。私钥:由本地保留的密钥,用于签名本地数据及验证用公钥签名的数据。实现原理(以Red Hat签名为例):1>RH在发布其官方的RPM包时(如本地RHEL光盘及FTP空间包),会提供一_couldn't open file /etc/pki/rpm-gpg/rpm-gpg-key-7

mui app 显示手机任务栏_mui 后台显示通知栏-程序员宅基地

文章浏览阅读276次。manifest.json plus里加上"statusbar" : { "immersed" : true, "background" : "#D74B28" },同时基础配置里是否应用全屏不进行勾选..._mui 后台显示通知栏

Appium基础篇6-抓元素工具之Android Device Monitor_android中使用monitor抓布局-程序员宅基地

文章浏览阅读401次。 上一篇,我们介绍了如何使用UI Automator Viewer这个工具来获取安卓上app的页面元素的信息。除了UI Automator Viewer之外,其实Android SDK下还有一个工具支持来抓取元素的属性,这个工具叫Android Device Monitor,简称DDMS,也在tools文件夹下。1.进入SDK安装目录2.点击Monitor.bat点击后,默认页面如下图。3...._android中使用monitor抓布局

GitHub开源项目之“线程池”_thread-pool-c github-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏5次。Table of ContentsA simple C thread pool implementationPossible enhancements原理代码threadpool.hthreadpool.c测试例:heavy.cshutdown.cthrdtest.cA simple C thread pool implementationCurre..._thread-pool-c github

随便推点

uni-app 系统状态栏高度CSS变量--status-bar-height-程序员宅基地

文章浏览阅读1.1k次。【代码】uni-app 系统状态栏高度CSS变量--status-bar-height。_--status-bar-height

【日积月累】SpringBoot 通过注解@CacheConfig @Cacheable @CacheEvict @CachePut @Caching使用缓存-程序员宅基地

文章浏览阅读1k次。Spring在3.1版本,就提供了一条基于注解的缓存策略,实际使用起来还是很丝滑的,本文将针对几个常用的注解进行简单的介绍说明,有需要的小伙伴可以尝试一下@CacheConfig:常用于类级别的注解,用于统一配置类缓存的公共属性@Caching:可以在一个类或方法同时使用多个缓存相关注解,灵活配置缓存策略@Cacheable:用于标记一个类或方法,当被标记对象被访问,会先去缓存中查询相应的结果,如果存在则返回,不存在则指向方法@CacheEvict :用于从缓存中移除数据。_@cacheconfig

javamail 给多人发送邮件_javax.mai邮件群发-程序员宅基地

文章浏览阅读1.9w次,点赞2次,收藏14次。之前测试mail这个功能的时候,简单的作出了发送email的功能,但是仅仅发给一个人可以,发送多个联系人就会出错,发送失败!请与邮件管理员联系。 javax.mail.internet.AddressException: Illegal whitespace_javax.mai邮件群发

软考高项:项目进度管理模拟试题_某项目包含a、b、c、d、e、f、g七个活动,各活动的历时估算和活动间的逻辑关系如下-程序员宅基地

文章浏览阅读3.8k次。活动D和活动F只能在活动C结束后开始.活动A和活动B可以在活动C开始后的任何时间内开始,但是必须在项目结束前完成.活动E只能在活动D完成后开始.活动B是在活动C开始1天后才开始的.在活动B的过程中,发生了一件意外事件,导致活动B延期2天.为了确保项目按时完成,______.40.完成某信息系统集成项目中的一个最基本的工作单元A所需的时间,乐观的估计需8天,悲观的估计需38天,最可能的估计需20天,按照PERT方法进行估算,项目的工期应该为______,在26天以后完成的概率大致为______._某项目包含a、b、c、d、e、f、g七个活动,各活动的历时估算和活动间的逻辑关系如下

web集群学习:nginx+keepalived实现负载均衡高可用性-程序员宅基地

文章浏览阅读2.1k次,点赞2次,收藏2次。​在Keepalived+ Nginx 高可用负载均衡架构中,keepalived 负责实现高可用。它是一个高性能的服务器高可用或者热备解决方案,Keepalived主要来防止服务器单点故障的发生问题,可以通过其与Nginx的配合实现Web服务器端的高可用。使用keepalived可以保证nginx的高可用,他能监控nginx的健康状态,当nginx出现宕机时自动主备切换。​_nginx+keepalived实现负载均衡

Java学习【类加载器ClassLoader】_java classloader 加载类-程序员宅基地

文章浏览阅读344次,点赞3次,收藏4次。跟着大佬们的文章学习,这次再深入学习一下类加载器文章目录一、简介:二、类文件的编译过程三、类加载器引导类加载器(BootstrapClassLoader)扩展类加载器(ExtensionsClassLoader)应用类加载器/系统类加载器(AppClassLoader)自定义类加载器(UserDefineClassLoader)四、双亲委派机制五、双亲委派机制的好处六、CLassLoader类核心方法6.1:`loadClass(String)`——加载指定的Java类6.2:`findClass(Str_java classloader 加载类

推荐文章

热门文章

相关标签