0
点赞
收藏
分享

微信扫一扫

vue3.x整合vuex

皮皮球场 2022-11-01 阅读 181


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>

举报

相关推荐

0 条评论