大概步骤:
目标效果
九、搜索历史数据新建
- 要点:
- 新建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'</