Vue音乐--搜索页面09_搜索历史记录本地缓存

大概步骤：

目标效果

---

九、搜索历史数据新建

• 要点：
  • 新建vuex的state数组变量，点击时存入和调用时读取数据即可
  • 利用本地缓存插件，取和操作再存

如果不可考虑本地缓存的话，就是获取到state中数组，并把点击的值push进行数组，然后存下这个数组替换掉state中的即可
而要存入本地缓存的话，即push进本地缓存，state则从本地缓存中获取。
操作稍微复杂因此，单独做成js用actions来操作（mutations只赋值？）

（一）、配置新的state

state.js

const state = {
   
/*搜索历史关键词query数据*/
	searchHistory:[]
}
export default state

getters.js

/*搜索历史数据getter映射*/
export const searchHistory = state=> state.searchHistory

mutation-types.js

/*存入搜索历史数据的方法名*/
export const SET_SEARCH_HISTORY = 'SET_SEARCH_HISTORY'

mutations.js

import * as types from './mutation-types'</