记录vue中的一些方法用法

一、dispatch/commit

this.$store.dispatch("actions方法名", 值)  

this.$store.commit('mutations方法名',值)

Action提交的是Mutation，不能够直接修改state中的状态，而Mutations是可以直接修改state中状态的；

Action是支持异步操作的，而Mutations只能是同步操作。

handleLogin() {
      this.$refs.ruleForm.validate(valid => {
        if (valid) {
          this.loading = true;
          this.$store
          //含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('actions方法名',值)
          //commit：同步操作，写法：this.$store.commit('mutations方法名',值)
            .dispatch("Login", this.form)
            //.then((data)=>{ })里的data是指接口成功返回的数据,包含请求头,请求体,等信息;
            //这里的then()方法有两个参数,第一个是成功时的回调方法,默认给这个方法传递了成功的数据,另一个是失败的方法,以及失败的数据
            .then(() => {
              //处理成功后的逻辑