| 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方法内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net！
下载地址:
vue中v-for指令完成列表渲染
利用JavaScript写一个简单计算器 |
