vue3.x整合vuex

npm install vuex@next

 main.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from './route'
import store from './store' // 引入

const app = createApp(App)
app.use(store).use(router).mount('#app')

在login.vue中使用

<script setup lang="ts">
import { computed, ref, watch } from 'vue'
import { useStore } from 'vuex'

const store = useStore()
let count = store.state.num

function addCount() {
  count++
  store.state.num = count
}
</script>

<template>
  <p>我是登录页</p>
  <p>我是vuex-num：{{ store.state.num }}</p>
  <p><button @click="addCount">增加num</button></p>
  </template>