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

 

posted @ 2018-06-03 14:58  蔠缬艸  阅读(2515)  评论(0编辑  收藏  举报