VueX环境的搭建

永久旅途

已于 2023-11-02 19:44:58 修改

阅读量242

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js 前端 javascript

于 2023-11-01 21:11:13 首次发布

本文链接：https://blog.csdn.net/XunLin233/article/details/134169850

Vue 专栏收录该内容

70 篇文章

订阅专栏

本文介绍了如何在Vue2项目中安装VueX3版本，包括在src目录下创建store文件夹并配置index.js，定义actions、mutations和state，以及在main.js中引入并配置store。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、安装VueX

npm i vuex // Vue3安装该版本

npm i vuex@3 // Vue2安装该版本

因为我使用的是Vue2，所以安装的是3版本

二、配置VueX文件

在src目录下创建store文件夹，再创建index.js

在index.js中配置如下代码：

// VueX配置文件

// 引入文件
import Vuex from 'vuex';
import Vue from 'vue';

Vue.use(Vuex);  // 使用VueX 组件

// actions
const actions = {};

// mutations
const mutations = {};

// state
const state = {};

// 创建并导出Store对象
export default new Vuex.Store({
    actions,
    mutations,
    state
})

三、引入store

在main.js中引入并配置store

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false;

// 引入Store
import store from "./store";

new Vue({
  render: h => h(App),
  store,  // 配置Store
}).$mount('#app')