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({})

就最直接了