Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后:
在main.ts中:

import {createApp} from 'vue'
// @ts-ignore
import {createStore} from 'vuex'
import './style.css'
// @ts-ignore
import App from './App.vue'

// @ts-ignore

const store = createStore({
    state() {
        return {
            count: 0
        }
    },
    mutations: {
        // @ts-ignore
        increment(state) {
            state.count++
        }
    }
})

let app = createApp(App);
app.mount('#app');
app.use(store)

vuex应该是自带的,没有的话进行安装
https://vuex.vuejs.org/zh/installation.html

posted @   ukyo--碳水化合物  阅读(12)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2021-12-28 02 | 从哪些维度评判代码质量的好坏?如何具备写出高质量代码的能力?
2021-12-28 01 | 为什么说每个程序员都要尽早地学习并掌握设计模式相关知识?
2021-12-28 开篇词 | 一对一的设计与编码集训,让你告别没有成长的烂代码!
2021-12-28 再看Java基础 - 换个方式看Java ~ 1
2021-12-28 再看Java基础 - 换种方式看Java
2019-12-28 vue学习整理
2019-12-28 OSS 上传下载的进度条
主题色彩
人是要整活的——没活了,可不就是死了么?
点击右上角即可分享
微信分享提示