vue3.2 main.js的配置 ， vuex的配置，setup的使用。

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>