vueX的使用

vueX

• 创建脚手架：在文件夹中cmd -- vuex create 项目名称

• 清除不相关的，图片 app.vue 组件hellovue

• 下载npm i vuex@3

• 在main.js中引入

  import Vuex from "vuex"  //引入
  Vue.use(Vuex)  //注册
  const store = new Vuex.Store({})  //实例化
  new Vue({   //挂载
      store,
      ...
  })
  

state:声明所有全局的变量（共享状态数据） ，放置公共状态的属性

mutations:vuex提供专门来修改state状态的方法，只能执行同步代码，可修改state

action：vue提供可以异步修改state状态的方法，数据提交给mutations进行修改

组件：组件调用action action：vue提供可以异步修改state状态的方法，数据提交给mutations进行修改

组件：组件调用action

一、state

1. state**

2.store优化使用

3. store能写在data里么

不会，写在data里相当于把值写死了，无法监听到，当值发生改变 data里不变，计算属性computed作为辅助是专门解决这个问题的，他会随着值的变化重新计算变化

4.辅助函数-mapState

可以通过引入辅助函数直接获取带store中声明的全局变量（更简便一下，获取到的效果和count一样的）

二、mutations