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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM