title: How in Vue.js save input to input in localstorage
body: <p>I do everything for example from the official Vue.js site. But I need to use framework 7.  And in input i displayed [object InputEvent]. And when I try to write some text is also displayed [object InputEvent].</p>
  
  <p>How to save a name in localstorage and display it back in input?</p>
  
  <p>PS v-model in framework 7 does not work</p>
  
  <pre><code>  &lt;f7-list form&gt;
      &lt;f7-list-input
        label="Username"
        name="username"
        placeholder="Username"
        type="text"
        v-bind:value="name"
        required validate
        pattern="[3-9a-zA-Zа-яА-ЯёЁ]+"
        @input="persist"
      /&gt;
    &lt;/f7-list&gt;
  
  &lt;script&gt;
  export default {
  data() {
      return{
          name: '',
          }
      },
  mounted() {
    if (localStorage.name) {
      this.name = localStorage.name;
    }
  },
  methods: {
          persist(){
              name=$event.target.value;
          localStorage.name = this.name;
  
      }
  }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/a4L3s.jpg" rel="nofollow noreferrer">that's what output to input</a></p>