iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue中install方法介绍
  • 212
分享到

vue中install方法介绍

2024-04-02 19:04:59 212人浏览 泡泡鱼
摘要

目录1、全局注册组件2、全局自定义指令Vue提供install可供我们开发新的插件及全局注册组件等 install方法第一个参数是vue的构造器,第二个参数是可选的选项对象 ex

Vue提供install可供我们开发新的插件及全局注册组件等

install方法第一个参数是vue的构造器,第二个参数是可选的选项对象


export default {

	install(Vue,option){

		组件

		指令

		混入

		挂载vue原型

	}

}

1、全局注册组件


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)

2、全局自定义指令


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)

到此这篇关于 vue中install方法介绍的文章就介绍到这了,更多相关 vue中install方法内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: vue中install方法介绍

本文链接: https://www.lsjlt.com/news/158203.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue中install方法介绍
    目录1、全局注册组件2、全局自定义指令vue提供install可供我们开发新的插件及全局注册组件等 install方法第一个参数是vue的构造器,第二个参数是可选的选项对象 ex...
    99+
    2024-04-02
  • Vue中props用法介绍
    ​前言: 在Vue中通过props,可以将原本孤立的组件串联起来,也就是可以子组件可以接收父组件传递过来的data,比如子组件想要引用父组件的数据,那么在props里面声明一个变量...
    99+
    2024-04-02
  • vue中install方法怎么用
    这篇文章主要介绍了vue中install方法怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue提供install可供我们开发新的插件及全局注册组件等install方法...
    99+
    2023-06-21
  • Vue发送ajax请求方法介绍
    一、vue-resource 1、简介 一款vue插件,用于处理ajax请求,vue1.x时广泛应用,现不被维护。 2、使用流程 step1:安装 【命令行输入】 npm insta...
    99+
    2024-04-02
  • Vue路由配置方法详细介绍
    目录手动配置Vue-router环境组件内部跳转路由与传参useRouter,useRoute手动配置Vue-router环境 1、下载包: npm i vue-router --s...
    99+
    2024-04-02
  • Vue中混入mixin的用法介绍
    目录基础使用选项合并自定义合并规则全局混入总结什么是混入? 混入通过注入配置项到vue实例用来提升复用性 基础使用 const myMixin = { creat...
    99+
    2022-11-13
    Vue mixin Vue 混入
  • Android 中LayoutInflater.inflate()方法的介绍
    Android 中LayoutInflater.inflate()方法的介绍最近一直想弄明白LayoutInflater对象的inflate方法的用法,今天做了实例。<LinearLayout android:id="@+id...
    99+
    2023-05-30
    android layoutinflater flat
  • javaArrayList中的remove方法介绍
    先看一段代码,看看自定义的ArrayList中的remove设计是否有问题。 public class MyArrayList { private Object[] mDat...
    99+
    2024-04-02
  • vue中缓存组件keepalive的介绍及使用方法
    目录介绍使用缓存所有的组件缓存某个组件keep-alive的使用示例include和exclude属性的使用include的使用exclude的使用生命周期介绍 keep-alive...
    99+
    2022-11-13
    vue keep alive vue 缓存组件 keep alive
  • JQuery中$.ajax()方法参数介绍
    这篇文章主要讲解了“JQuery中$.ajax()方法参数介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JQuery中$.ajax()方法参数介绍”吧!...
    99+
    2024-04-02
  • Java中的方法内联介绍
    目录1. 什么是方法内联2. 方法内联的重要性3. Java中方法内联的困难继承类型关系分析 CHA总结 1. 什么是方法内联 例如有下面的原始代码: static cla...
    99+
    2024-04-02
  • java中String.intern()方法功能介绍
    下文笔者讲述java中String.intern()方法的功能简介说明,如下所示: String.intern原理 String.intern():    此方法...
    99+
    2024-04-02
  • Java中PrintWriter使用方法介绍
    目录简介文本文件的转码复制运行程序简介 PrintWriter 与 PrintStream 相同。PrintStream 只能接字节流,而 PrintWriter 既能接字节流又能接...
    99+
    2024-04-02
  • Vue自定义Form组件实现方法介绍
    目录1. 需求分析2. 表单功能的简单实现3. 抽象验证规则4. 支持 v-model 双向绑定5. 使用 $attrs 支持默认属性6. 父组件调用子组件中的方法1. 需求分析 我...
    99+
    2022-11-13
    Vue自定义Form组件 Vue Form组件 Vue Form
  • 最新Vue过滤器介绍及使用方法
    目录过滤器过滤器的兼容性私有过滤器和全局过滤器过滤器的连续调用过滤器进行传参过滤器 过滤器的兼容性 注意:Vue3中明确取消了过滤器这个功能,如果想使用只能在Vue2中进行,如果所做...
    99+
    2022-11-13
    vue过滤器 vue过滤器使用
  • Vue中的event对象介绍
    一、什么是event对象 event对象:代表的是事件的状态。比如获取当前的元素:e.Target。 二、事件冒泡 什么是事件冒泡呢?百度百科的解释如下: 当事件发生后,这个事件就要...
    99+
    2024-04-02
  • JavaScriptreduce方法使用方法介绍
    目录1. reduce方法的使用2. reduce数组的使用场景2.1 扁平化数组2.2 数组去重2.3 计算数组最大/最小值2.4 数组求和2.5 计算数组中元素的出现次数3. 操...
    99+
    2022-11-13
    JavaScript reduce JS reduce
  • vue中keepAlive组件的作用和使用方法详细介绍
    这篇文章主要讲解了“vue中keepAlive组件的作用和使用方法详细介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue中keepAlive组件的作用和使用方法详细介绍”吧!前言在面试...
    99+
    2023-06-20
  • 关于Python中的__init__()方法介绍
    本文主要介绍了Python中的__init__()方法,__init__()方法是Python学习当中重要的基础知识,需要的朋友可以参考下 __init__()方法意义重大的原因有两个。第一个原因是在对象生命周期中初始化是最重要的一步;...
    99+
    2023-09-25
    python microsoft 开发语言
  • C#中的Task.WhenAll和Task.WhenAny方法介绍
    一、简介 Task.WhenAll()、Task.WhenAny()这两个与Task.WaitALL()、Task.WaitAny()是有区别的,When是异步的,Wait是同步的。...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作