vue2.js sessionStorage.setItem用法 的DEMO

以下是一个简单的示例，演示如何使用Vue.js和sessionStorage.setItem将数据保存到浏览器的会话存储中：

<template>
  <div>
    <label for="name">Name:</label>
    <input type="text" v-model="name" id="name">
    <button @click="saveName">Save Name</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    saveName() {
      sessionStorage.setItem('name', this.name);
      alert('Name saved!');
    }
  }
}
</script>

在这个示例中，我们定义了一个名为“name”的数据属性，并将其绑定到一个文本输入框上。当用户输入他们的名字时，我们会用sessionStorage.setItem方法将该名字保存到浏览器的会话存储中。最后，我们用一个弹出框告诉用户他们的名字已经成功保存。

请注意，这是一个简单的示例，实际应用中可能需要更复杂的数据存储方案。