elementUi中hint定义为全局方法的问题

Question

在index.js中定义了elementUI的提示框想全局使用；在组件中inport了，但是使用会报错。不知道怎么解决this的问题

Answer 1

箭头函数

export let hint = (message, type) => {
    this.$message({
        message,
        type,
        customClass: 'hint',
        duration: 2000
    })
}

Answer 2

let hint = function(message, type) => {console.log(this)}
普通函数，
以函数调用模式，直接调用 hint() ，
非严格模式下，里面的this指向全局变量，也就是里面的 vue对象
严格模式下，this指向undefined.
并且， ES6 的模块自动采用严格模式，不管有没有在模块头部加上"use strict";
箭头函数
默认指向在定义它时所处的对象(宿主对象)，不会指向vue.

所有 改成

 Vue.use(ElementUI);
 var vue = new Vue();
 vue.$message({})

就最直接了