zoukankan      html  css  js  c++  java
  • vue中install方法

    vue提供install可供我们开发新的插件及全局注册组件等
    install方法第一个参数是vue的构造器,第二个参数是可选的选项对象

    export default {
    install(Vue,option){
    组件
    指令
    混入
    挂载vue原型
    }
    }



    全局注册组件

    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)
    

      


    全局自定义指令

    export default{
    install(Vue){
    Vue.directive('pre',{
    inserted(button,bind){
    button.addEventListener('click',()=>{
    if(!button.disabled){
    button.disabled = true;
    setTimeout(()=>{
    button.disabled = false
    },1000)
    }
    })
    }
    })
    }
    }
    

      


    1
    2
    3

    在main.js跟注册组件一样

    import pre from '@/aiqi'
    
    Vue.use(pre)
    

      

  • 相关阅读:
    redis持久化,主从及数据备份
    验证redis的快照和AOF
    Erlang中日志管理
    erlang tcp发包速度测试
    树(234树插入查找显示)
    JDBC(初步试用)
    树(二叉树的插入删除查找遍历)
    哈希表(链地址法插入删除)
    哈希表-再哈希法插入删除
    哈希表-线性探测插入删除
  • 原文地址:https://www.cnblogs.com/onesea/p/15351332.html
Copyright © 2011-2022 走看看