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);
本文详细介绍了如何在Vue项目中引入并使用Vuex进行状态管理,包括安装Vuex、创建store.js文件、在main.js中引用store以及在组件中访问状态的具体步骤。
4089

被折叠的 条评论
为什么被折叠?



