elementUI Message 独立引入的用法

同理，Alert，MessageBox, Notification, 也是这样引入

单组件单独引用：

import { Message } from 'element-ui';
export default {
  methods: {
    open() {
      Message.error('错误信息');
    }
  }
}

 

全局引入组件：

// 和其他组件一样，一并引入
import {Button, Message} from 'element-ui'

// 在调用 Vue.use 前，给 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}

// 和所有组件一样，一并进行use
Vue.use(Button)
Vue.use(Message)

当然，也可以不用 Vue.use 来实现，比如直接写在 Vue 实例上：

// 和其他组件一样，一并引入
import {Button, Message} from 'element-ui'

Vue.use(Button)

// 将 Message 直接挂在 Vue 实例上
Vue.prototype.$message = Message

 

参考：

http://www.yukapril.com/2017/07/12/vue-elementui-message.html