用vuex做数据管理,先贴测试的代码:

初始化页面先去数据库中拿到资料,如果有数据,则传到vuex的仓库中,没数据则不判断

add方法为我测试的一个点击方法,当点击时,像vuex中传入需要修改的数据,这里是alterPass,传入data为1。下面的post方法的statistical

computed: {
    ...mapState({
      statistical: state => state.setting
    })
  }
用post传输从vue中拿过来的数据到数据库中
vuex中处理的逻辑

整体逻辑是:

先去数据库拿数据(存在)=》向vuex中传输拿到的数据,然后vuex将其赋值给仓库中存储=》向后台接口传输数据(vuex中已经修改过的数据)插入到数据库

vuex中已经修改过的数据 是通过

…mapState({
statistical: state => state.setting
})
}拿到

所以,当我每次点击1次,数据库中对应数据就会+1,看起来很简单,但是这里我用vuex了,所以显到步骤有点多,对于比较大型项目用vuex还是挺方便到,但是这里我做到毕设也就是一个小型项目,这里也就是活用一下知识点。

p.s 怪物猎人真好van


爬。