src/demo.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
status: 1
}
});
HelloWorld.vue
import store from '@/demo'
export default {
name: 'HelloWorld',
store, // 此处为何要将已import的组件再在这里写一遍,是表示注册组件的意思吗?
data() {
}
}
已经引入了组件,为何还需要将组件的别名再在export default中声明一遍呢?
而且似乎和使用 components 进行声明不是同样的效果
并没有每个组件都注册的必要,只要在根实例注册一次,会自动把
store
的实例注入所有的子组件.子组件能通过
this.$store
访问到