美文网首页
Vue.use怎么用

Vue.use怎么用

作者: 我背井离乡了好多年 | 来源:发表于2020-07-22 18:24 被阅读0次

    1. 首先vue.use用来注册插件

    2.这个插件必须是一个对象

    3.步骤是先定义插件,再use,在new

    image.png

    在use的时候,插件里面的代码就被执行了一次

    // 插件
    const plugin = {
      install(){
        document.write('我是install内的代码')
      }
    }
     
    // 初始化插件
    Vue.use(plugin); // 页面显示"我是install内的代码"
    

    4.详情见lol项目我封装的全局confirm函数,在.vue文件里直接confirm用

    5.我在原型上挂载了一个方法,以后可以直接this.$message2这么用

    当然这个方法,在main.js里面也得vue.use

    import { Message } from 'element-ui'
    export default {
        install(Vue, options) {
            //这个params是个对象,里面有很多东西
            Vue.prototype.$message2 = (type, message, duration) => {
                Message({
                    showClose: true,
                    type: type || 'success',
                    message: message || 'ok',
                    duration: duration || 1000
                })
    
            }
    
        }
    }
    

    6.原型上挂载都得this.$什么什么

    相关文章

      网友评论

          本文标题:Vue.use怎么用

          本文链接:https://www.haomeiwen.com/subject/hoghlktx.html