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