vux中的属性，actions中的参数书写，document.documentElement与document.body的区别，三点运算符，gitb上传代码报错

vux中方法基本理解：

（1）(a) state存储数据：相当于vue中的data; (b) getters相当于vue中的computed,允许传参，第一个参数就是state; (3) mutations 相当关于vue中的methods,但是; (4)actions相当于mutions主要是来处理异步事件
（2）引入的组件想要调用就vuex中的方法就需要使用$store.数据对象.(数据，方法)
（3）以上引入的数据与方法太复杂，使用vuex的辅助函数 import { mapState, mapMutations, mapActions } from 'vuex'
辅助函数中引入数据就是在computed ，methods中mapState{[数据（方法）]}
（4）mutations与actions的区别,mutations中主要是用来处理同步事件，因为在mutations中写异步不能被调试工具追踪到,actions相当于mutions主要是来处理异步事件
（5）将mutations与actions中的方法定义成常量就可以通过文件引入，相较字符串方法名的好处是，出错了浏览器能报错，定义方法mapState {}

actions中的参数

一般在使用actions方法时我们会像下面的书写方式：

actions:{
    add_num({commit}){
        console.log({commit})
        setTimeout(() => {
            commit('change',100);
        },2000)
    }
}
其中{commit}就是context结构传入的参数
context:{
        state,   等同于store.$state，若在模块中则为局部状态
        rootState,   等同于store.$state,只存在模块中
        commit,   等同于store.$commit
        dispatch,   等同于store.$dispatch
        getters   等同于store.$getters
}

常规写法调用的时候会使用context.commit，但更多的是使用es6的变量解构赋值，也就是直接在参数的
位置写自己想要的属性，如：{commit}。

document.documentElement与document.body的区别

documentElement可以访问文档的根节点，document.body是直接访问了<body>标签</body>

区别.png

es6中的额三点运算符

作用是取出对象中所有课遍历的属性，放入当前对象中

git中.gitignore的作用

在.gitignore中配置的文件名不会被git上传到码云或者github上

图片.png

git上传代码报错[rejected] master -> master (non-fast forward)

解决：

git pull origin master --allow-unrelated-histories //把远程仓库和本地同步，消除差异
//重新add和commit相应文件,一般可能不需要
git push origin master
//上传成功