在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);
        }
    } 
})

 

转载于:https://www.cnblogs.com/zxc-Weblog/p/9129243.html