使用场景，
用户进入页面，输入一些信息，如姓名电话。当刷新或返回上一页，内容会清空，使用vuex，返回上一页会显示，刷新则不行，会清空。
所以使用了sessionStorage.，会话关闭就删除内存，也可根据需求删掉内存。

在vue中使用，具体使用如下：

<el-form class="demo-ruleForm" :model="form" ref="form" :rules="rules">
          <el-form-item prop="name">
            <el-input
              maxlength="20"
              placeholder="姓名"
              prefix-icon="el-icon-user"
              v-model.trim="form.name"
              @blur="nameChange"
            >
            </el-input>
          </el-form-item>
          <el-form-item prop="phone">
            <el-input
              class="phone"
              placeholder="手机号"
              prefix-icon="el-icon-mobile-phone"
              v-model.trim="form.phone"
              maxlength="11"
              @blur="phoneChange"
            >
            </el-input>
          </el-form-item>
          <el-button
            class="btn"
            @click="onSubmit"
            :disabled="!form.name || !form.phone || !code"
          >
            下一步
          </el-button>
          <span class="protocal"
            >继续即视为同意 《<a
              target="_blank"
              href="https://xieyidizhi.html"
              >隐私权保护政策</a
            >》
          </span>
        </el-form>

js中：

form: {
//获取存储数据，没有为空
 name: sessionStorage.getItem("name")
   ? sessionStorage.getItem("name")
   : "", // 姓名
 phone: sessionStorage.getItem("phone")
   ? sessionStorage.getItem("phone")
   : "", // 联系方式
},

使用方法：

保存：

// 存姓名与电话
  nameChange() {
    sessionStorage.setItem("name", this.form.name);
  },
  phoneChange() {
    sessionStorage.setItem("phone", this.form.phone);
  },

获取：

 sessionStorage.getItem("phone")

删除：

 sessionStorage.removeItem('name')   //指定的删除
 sessionStorage.removeItem("phone")
 sessionStorage.clear();     // 删除所有数据

sessionStorage.clear(); // 删除所有数据,我这里没有适合场景使用，根据场景而定。