vue3.2 main.js的配置 , vuex的配置
main.js的配置方式
// 常规的vue main配置方式
// import { createApp } from 'vue'
// import { store } from './store/index.js'
// import App from './App.vue'
// const app = createApp(App)
// app.use(store)
// app.mount('#app')
// 最新vue3.2的配置方式
import App from './App.vue'
import {createSSRApp} from 'vue'
import { store } from './store/index.js'
export function createApp() {
const app = createSSRApp(App)
app.use(store)
return {
app
}
}
vuex的配置方式
import { createStore } from 'vuex'
// 创建一个新的 store 实例
const store = createStore({
state() {
return {
num: 22233
}
},
mutations: {
addNum(state) {
state.num++
}
}
})
export {
store
}
setup的使用方式
<script setup>
import { useStore } from 'vuex'
const store = useStore()
console.log(store.state.num)
</script>