Vue项目功能开发：搜索历史管理 && 实现持久化存储记录 && 完整的实际开发运用

1、搜搜历史管理功能

需求：

1. 点击搜索（添加历史）

​
点击 搜索按钮后 或者 底下历史记录，都能进行搜索（相当于跳转到搜索的列表组件）

​ ① 若之前 没有 相同的搜索关键字，则在搜素历史的最前面直接添加

​ ② 若之前 已有 相同的搜索关键字，将原有的关键字移除，再追加

---

2. 清空历史：点击清空图标，可以清空历史记录
3. 持久化： 搜素历史需要持久化，刷新历史不会丢失

1. data 中提供数据，和搜索框双向绑定 (实时获取用户内容)

data () {
   
  return {
   
    search: ''
  }