vue在js文件中调用$notify

我们在vue组件中可以直接

this.$notify({
	title: '修改成功',
	type: 'success',
	duration: 2500
})
1
2
3
4
5

但在js中 我们this的指向就会发生一些不同
但是 其实 学过构造函数和原型链的人会很好理解这一点
每一个vue组件都是通过 vue构造出来的一个实例
所以 他们的this都是指向当前实例对象
而 当他们拿不到的东西 就会去更上级拿 最终 拿到vue上
但js中 指向的最上级是window对象

那么 我们只想要直接从vue里拿就可以了

import Vue from 'vue';
Vue.prototype.$notify({
	title: '访问的资源不存在，请联系管理员',
	type: 'error',
	duration: 2500
})
1
2
3
4
5
6

我们直接引入vue实例
然后通过实例对象的原型链调用就好了

运行结果如下