vuex的使用

vuex概念

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

vue安装

npm install vuex --save

yarn add vuex

配置

1.在src下新建一个store文件夹,文件夹里新建store.js

2.在index.js里引入vue、vuex

import Vue from 'vue';
import Vuex from 'vuex'
//使用
Vue.use(Vuex)

3.在main.js里引入vuex文件

import {
   store} from './store/store'

new Vue({
   
  store:store,     //使用store
  el: '#app',
  router,
  components: {
    App },
  template: '<App/>', 
})

什么情况下使用vuex

如果需要构建一个中大型单页应用，则会需要更好的组件外部管理状态，这时最好使用vuex

vuex基本组成

• state：用于存储数据，类似vue实例的data属性。

store.js中

//创建且声明一个对象
export const store = new Vuex.Store({
   
    state:{
   
        isShow:true,
        items: