vue中install方法怎么用

這篇文章主要介紹了vue中install方法怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

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方法怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!