Vue 使用Cookies实现商品搜索历史记录

Vue 使用Cookies实现商品搜索历史记录

需求

用户搜索商品，我们需要把用户输入的词语存储到搜索历史并展示
tip：存储不知道存储到哪里，所以我想到了用cookies存储到客户端
还有一种方法是存储到（localStorage）里面，好像这种方法会比较好一点。

1.前言

vue使用cookie，需先安装cookies插件，我这里使用的是vue-cookies插件

1.安装 vue-cookies

npm install vue-cookies --save

2.引入 vue-cookies（找到main.js,输入下面的代码，我们就可以开始使用啦。）

import VueCookies from "vue-cookies";

Vue.use(VueCookies);

2.实现效果

HTML代码：

<template>
    <div style="width:600px;height:400px;margin:50px 0 0 460px">
        <el-input v-model