在vuex的mutations中使用vue的小技巧
问题:
在vuex组件中的mutations属性中的定义的函数,有时会要用到vue这个对象。正常在其他的地方使用是通过this这个变量来获取,但是在mutations定义的函数中this指定的是Vuex这个当前对象。
办法:
在main.js中通过一个变量接收实例化的Vue对象,然以导出这个变量,这样在其他地方可以通过导入这个变量来使用Vue对象。
// main.js const vue = new Vue({ el: '#app', router, store, components: {App}, template: '<App/>' }); export default vue;
在Vuex中使用
import vue from '../main' export default new Vuex.Store({ mutations: { Test(state) { console.log(vue); } } })