欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue中install方法介绍

程序员文章站 2022-06-24 17:01:17
目录1、全局注册组件2、全局自定义指令vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器,第二个参数是可选的选项对象export default...

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方法内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!