如何在全局创建一个store？ about mobx-vue HOT 5 CLOSED

mobx-vue do not restrict you how to define your store with singleton or multiton, as well as mobx. You could treat any singleton store as global state and import it anywhere.

// xx/store.js
class Store {}
export default new Store()

// App.vue
import store from './xx/store'
class App extends Vue {
  store = store;
}

from mobx-vue.

ok，我一般比较喜欢单例模式，我在使用vuex和vuet的时候，在创建vue实例的时候就可以传递一个参数，比如store或者其他。之后在其下所有的子组件都可以通过this.$store或者this.$vm.$store的形式就能获取到store。那么对于mobx-vue来讲，是不是子组件也需要如下进行获取store呢？

// xx/store.js
class Store {}
export default new Store()

// App.vue
import store from './xx/store'
import SubComponent from "./SubComponent.vue"
'component-a': ComponentA
@Component({
  subComponent:SubComponent
})
class App extends Vue {
  store = store;
}

//SubComponent.vue
import store from './xx/store'
class SubComponent extends Vue {
  store = store;
}

上面的SubComponent需要引用一次store是吗？

from mobx-vue.

yep, just import it.
btw, single store is not recommended in mobx paradigm, although not restricted as well. All are up to you.

from mobx-vue.

Thank you very much for your answer.

from mobx-vue.

Feel free to ask any questions!😀

from mobx-vue.