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進(jìn)行注冊

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)

到此這篇關(guān)于 vue中install方法介紹的文章就介紹到這了,更多相關(guān) vue中install方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

使用vue寫一個(gè)翻頁的時(shí)間插件實(shí)例代碼
最近在做自己項(xiàng)目中遇到一個(gè)非常簡單的功能,跟大家分享下,這篇文章主要給大家介紹了關(guān)于使用vue寫一個(gè)翻頁的時(shí)間插件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-02-02
詳解vue-router 初始化時(shí)做了什么
這篇文章主要介紹了詳解vue-router 初始化時(shí)做了什么,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-06-06
vue實(shí)現(xiàn)購物車的小練習(xí)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)購物車的小練習(xí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
vue移動端時(shí)彈出側(cè)邊抽屜菜單效果
這篇文章主要介紹了vue移動端時(shí)彈出側(cè)邊抽屜菜單,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
Vue3實(shí)現(xiàn)LuckSheet在線預(yù)覽Excel表格
在前端開發(fā)中預(yù)覽Excel文件是常見的需求之一,本文將介紹如何使用Vue.js框架以及兩個(gè)優(yōu)秀的Excel庫——LuckyExcel和Luckysheet,來實(shí)現(xiàn)Excel文件在線預(yù)覽功能,希望對大家有所幫助
2023-11-11
Vue實(shí)現(xiàn)Layui的集成方法步驟
這篇文章主要介紹了Vue實(shí)現(xiàn)Layui的集成方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-04-04
vue中動態(tài)select的使用方法示例
這篇文章主要介紹了vue中動態(tài)select的使用方法,結(jié)合實(shí)例形式分析了vue.js使用動態(tài)select創(chuàng)建下拉菜單相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下
2019-10-10
Vue響應(yīng)式原理模擬實(shí)現(xiàn)原理探究
這篇文章主要介紹了Vue響應(yīng)式原理，響應(yīng)式就是當(dāng)對象本身（對象的增刪值）或者對象屬性（重新賦值）發(fā)生了改變的時(shí)候，就會運(yùn)行一些函數(shù)，最常見的示render函數(shù)
2022-09-09
Vue3+Antd實(shí)現(xiàn)彈框顯示內(nèi)容并加入復(fù)制按鈕
這篇文章主要介紹了Vue3+Antd實(shí)現(xiàn)彈框顯示內(nèi)容并加入復(fù)制按鈕,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2023-12-12
vue日常開發(fā)基礎(chǔ)Axios網(wǎng)絡(luò)庫封裝
這篇文章主要為大家介紹了vue日常開發(fā)基礎(chǔ)Axios網(wǎng)絡(luò)庫封裝示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08