Vue客户端存储

客户端存储

关于客户端存储：通过把数据存储在浏览器中，用户不必每次都向服务器请求获取同一个信息。离线时，使用本地存储的数据而不是向远端服务器上请求数据就显得非常有用。

Local Storage 适合存储你希望进行持久化的较小数据集，比如用户偏好设置或表单数据。

注意：存储对象和数组这样更复杂的数据，必须使用 JSON 来对数据进行序列化和反序列化。

太多废话了直接正题

我是一个小案例：

<template>
   <div class="tab">
   <h2>便签</h2> 
    <p>
      <input v-model="newValue" placeholder="请输入...">
      <button @click="addTab">AddTab</button>
   </p>
   <ul>
      <li v-for="(value, key) in items">
         <span>{
  { value }}</span> 
         <button @click="removeTab(key)">RemoveTab</button>
      </li>
   </ul>
  
   </div>
</template>
<