刷新浏览器后，Vuex 的数据是否存在？如何解决？

在 vue 项目中用 vuex 来做全局的状态管理， 发现当刷新网页后，保存在 vuex 实例 store 里的数据会丢失。

原因：因为 store 里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载 vue 实例，store 里面的数据就会被重新赋值初始化。

vuex

1. State：

搭建本地博客

准备工具:git,nodejs

Run git
选择进入一个博客放置目录

执行如下代码

1
2
3
4

npm install -g hexo
hexo init
hexo g
hexo s

标题

总共有六级标题，分别为：

1
2
3
4
5
6
7
8
9
10
11

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

注意：编写时最后一个#和标题名称之间有一个空格

列表

因为 markdown 转 html 的原因，致使生成的 html 留有大量的空白，另外就是由于性能原因，需要对 js 和 css 进行压缩。

使用 hexo-neat 插件压缩

hexo-neat 插件使用 HTMLMinifier、clean-css、UglifyJS 插件实现。

安装 hexo-neat 插件

1

npm install hexo-neat --save