VUE(11)--VUEX在项目的使用

Tansy_big_rabbit

于 2020-03-11 10:19:25 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/tansy_big_rabbit/article/details/104790781

VUE 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何在Vue项目中引入并使用Vuex进行状态管理，包括安装Vuex、创建store.js文件、在main.js中引用store以及在组件中访问状态的具体步骤。

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

1. 安装vuex npm install vuex --save

2. 创建store.js文件，代码如下

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const store = new Vuex({
   //vuex的状态管理
    state:{
        loginState:false
     }
});

export default store

3. 在main.js中引用

import store form './vuex/store.js'//重要！

new Vue({
  el: '#app', 
  store, //重要！
  components: { App },
  template: '<App/>'
})

4. 在组件中的使用

console.log(this.$store.state.loginState);