Vue音乐--搜索页面11_搜索历史逻辑点击、删除

大概步骤：

目标效果

---

七、点击歌手li

• 要点：
  • 点击li添加到输入框
  • 点击x删除当前搜索历史
  • 点击垃圾桶清空搜索历史

（一）、点击添加到输入框

在热门搜索关键词里是一样的逻辑，主要是做好父子组件事件的派发就可以了。
↓search.vue

  	addQuery(item){
   
  		this.$refs.searchbox.setQuery(item)
  	},

（二）、点击x删除当前搜索历史

获取本地缓存数据，并找到点击的一项index，删除，再存新数组回本地缓存
catch.js

/*************删除本地缓存中的搜索历史***********************************/
export function deleteSearch(query){
   
	//如果已有历史就get缓存中的数组，没有就空数组
	let searches = storage.get(