我们在vue组件中可以直接
this.$notify({
title: '修改成功',
type: 'success',
duration: 2500
})
但在js中 我们this的指向就会发生一些不同
但是 其实 学过构造函数和原型链的人会很好理解这一点
每一个vue组件都是通过 vue构造出来的一个实例
所以 他们的this都是指向当前实例对象
而 当他们拿不到的东西 就会去更上级拿 最终 拿到vue上
但js中 指向的最上级是window对象
那么 我们只想要直接从vue里拿就可以了
import Vue from 'vue';
Vue.prototype.$notify({
title: '访问的资源不存在,请联系管理员',
type: 'error',
duration: 2500
})
我们直接引入vue实例
然后通过实例对象的原型链调用就好了
运行结果如下