Vue.use怎么用

2020-07-22  本文已影响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.$什么什么

上一篇下一篇

猜你喜欢

热点阅读