在Vuex中使用Framework7 $ f7.router.navigate

Question

目标

我正在尝试在Vuex中更改Framework 7路径。

像这样的东西

actions: {
  login (context, payload) {
    fetch(...POST Request).then( res => {
      if(res.success === 1){
        $f7.router.navigate('...Some Route')
      }
    })
  }
}

问题

$ f7在商店中不存在。 $ f7在Framework 7的实例中定义并附加到Vue.prototype。然后，您可以通过每个组件访问$ f7。$ f7。您可以在line 23

上的代码中看到这一点

我能够访问变量的唯一方法是导出我的Vue应用程序对象，然后在商店中导入它，然后像下面那样访问实例。

Vue App

export default new Vue({
  ...
})

商店

import vue from './app'

vue.$f7.router.navigate('some route'))

这有效，但这里的最佳做法是什么。