Question

vuex文档指定您必须像这样将创建的商店传递给vue实例

new Vue({
  el: '#app',
  store: store,
})

我的问题是我使用CLI创建了一个新的vue项目，并将该应用程序安装在mian.js中使用这样的创建应用程序：

import App from './App.vue'


const app = createApp(App)
app.mount('#app')

如何使用第二种方法通过商店，以便可以从任何组件访问它，或者如何使用第一种方法正确地安装应用程序？它们之间有什么区别？

据我了解，createApp()是vue 3中的新功能，我不确定它是如何工作的，我似乎找不到合适的文档，new Vue({})和{{1之间有什么区别？ }}？

我确定我不了解一些基本概念，但我不知道哪个...

谢谢。

Answer 1

您应该使用createStore v4 rc中的vuex，然后调用app.use(store)：

store.js

import { createStore } from 'vuex'

export const store = createStore({
  state () {
    return {
      count: 1
    }
  }
})

app.js

import { createApp } from 'vue'
import { store } from './store'
import App from './App.vue'

const app = createApp(App)

app.use(store)

app.mount('#app')

请参见Vuex v4 installation process

如何将存储传递给vue 3中的vue实例？

1 个答案: