枫叶

1 什么是ReduxRedux是一个流行的JavaScript框架，为应用程序提供一个可预测的状态容器。Redux基于简化版本的Flux框架，Flux是Facebook开发的一个框架。在标准的MVC框架中，数据可以在UI组件和存储之间双向流动，而Redux严格限制了数据只能在一个方向上流动。在Redux中，所有的数据（比如state）被保存在一个被称为store的容器中 → 在一个应用程序中只能有一个。store本质上是一个状态树，保存了所有对象的状态。任何UI组件都可以直接从store访问特定对象.

在单页面组件的开发中 Vue的vuex 都统称为同一状态管理，简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex :npm install vuex 接下来，在 main.js里面引入store，然后再全局注入一下，这样一来就可以在任何一个组件里面使用this.$store了：import Vue from..

一 背景 在接手公司项目时发现在的商品列表选项之间切换时存在空白间隙的问题 ，在查看其他的网站后发现其他网站并不会出现这种显示，所以把自己的实现思路记录下来 。虽然不是最好的解决方案但是效果还可以 。详细效果查看https://www.fanlang.cn/#/ 在这里只介绍图片的无缝切换 ， 瀑布流和滚动加载忽略。 list:{ deep:true, ...