VueX基本使用

最新推荐文章于 2024-04-01 13:42:05 发布

.何以歌

最新推荐文章于 2024-04-01 13:42:05 发布

阅读量300

点赞数

分类专栏：笔记文章标签： vue.js npm javascript

本文链接：https://blog.csdn.net/qq_45954781/article/details/123370574

版权

本文介绍了VueX的基本使用，包括通过npm安装3.6.2版本的VuX，创建store文件夹及index.js，以及如何在main.js和vue组件中引入并使用VuX。

摘要由CSDN通过智能技术生成

VueX基本使用

安装
npm install vuex@3.6.2 --save

创建store文件夹和index.js文件

import Vue from "vue"
import VueX from "vuex"

Vue.use(VueX)

export default new VueX.Store({
   
  state: {
   
    showPanel: {
   
      passShow: false,
      loginShow: false,
      registShow: false,
      callmeShow: false
    }
  },
  mutations: