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
})
}
}
}
网友评论