高明做网站宁波seo搜索引擎优化公司

我们在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实例
然后通过实例对象的原型链调用就好了

运行结果如下