vue注册了全局方法，调用的时候获取不到怎么办

Question

这是打印的Vue.prototype,和this.$moment();以下是main.js中的代码import moment from 'moment';Object.defineProperty(Vue.prototype, '$moment', { value: moment });// Vue.prototype.$moment=moment;console.log(Vue.prototype);console.log(this.$moment());根据楼上大神所说，main.js直接打印this.$moment 跟在组件中this.$moment的this不是一个this,应该直接在组件中输入，我试了下，确实可以在组件中输出console.log(this.$moment());但是使用相关的方法依然不生效：created(){      console.log(this.$moment());      this.$moment.locale('zh-cn');    },    filters:{      formatTime(time){        return this.$moment(time).fromNow();      },    },

Answer 1

在组件中可以使用 this.$moment() 这种方式调用，在 main.js中是不行的，这时候this指向window，你可以使用 Vue.prototype.$moment() 这样的方式调用

Answer 2

在main.js引入：

在组件中引用：

Answer 3

看了下报错信息，应该是this的取值不对。 看看有没有在选项中（钩子函数 or data or watch or computed）用了箭头函数。没有具体的代码只能想到这个了。

试了一下，在filters中this不是vue实例。建议通过computed属性来实现你的需求。

搜了下相关信息：尤大原话：

This is intentional in 2.x. Filters should be pure functions and should not be dependent on this context. If you need this you should use a computed property or just a method e.g. $translate(foo)

简单来说就是vue2+是故意不给你在filters里取到this的~

Answer 4

单页面组件开发时，Vue 不是一个全局对象，它只在 main.js 上可以直接访问。可以在 main.js 中把 Vue 挂在window下，如下：

import moment from 'moment';

Object.defineProperty(Vue.prototype, '$moment', { value: moment });

// Vue.prototype.$moment=moment;

console.log(Vue.prototype);

console.log(this.$moment());

window.Vue = Vue;

Answer 5

1. 打印出 this，就在里面找啊；

2. 找不到？那肯定是没绑定了；

3. 想用 this调用，肯定要绑定到原型链上，

4. 那就去 main.js 绑定，Vue.prototype.moment = moment

5. 导入组件后this.moment调用

Answer 6

楼上 faymi 的回答很对。
除此之外，楼主还可以在每个组件中按需导入，直接使用即可，比如在 ChildA.vue中，
import moment from "moment";
console.log(moment('2018-04-16').toDate());