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)
    

      

  • 相关阅读:
    ue4 材质表达式分类
    UE4材质特别属生记录
    tangent space与object space
    better-scroll插件 api
    better-scroll 与 Vue 结合
    git 简介
    vue 插件
    前端小程序——js+canvas 给图片添加水印
    使用Node.js给图片加水印的方法
    Vue框架 周期
  • 原文地址:https://www.cnblogs.com/onesea/p/15351332.html
Copyright © 2011-2022 走看看