/**
* action是异步，mutation是同步
* vuex中使用commit来修改state的原因解析
* 开启严格模式，仅需在创建 store 的时候传入 strict: true；
* 在严格模式下，无论何时发生了状态变更且不是由 mutation 函数引起的，将会抛出错误。这能保证所有的状态变更都能被调试工具跟踪到。
* 通过commit提交mutation修改state的值,ue的调试工具能够记录每，可以跟踪记录state的变化，直接修改state不能跟踪变化
*/
/**
* Vue-Router有二种——————hash、history二种方式
* hash可以调用window的对象监听这个事件，通过监听hash的值的变化，页面发生变化，没有进行浏览器的请求
*
* */
window.onhashchange = function (event) {
let hash = location.hash.slice(1);
document.body.style.color = hash;
}
/**
* histoty 的api给前端很多自由可以实现二大部分，切换和修改
* */
// 切换历史记录
history.go(-2);
history.go(2);
history.back();
history.forward();
// 修改历史，包括二个方法pushState、replaceState二个方法（objState,title,url）
history.replaceState({ color: 'red' }, 'red', 'red');
window.onpopstate = function (event) {
if (event.state && event.state.color === 'red') {
document.body.style.color = 'red';
}
}
// history怕什么，怕刷新，不怕前进和后退，怕h5刷新，刷新就进行了http请求，服务器接收不到，就会返回404，所以需要服务器端配置