Question 27: Consider the following Vue application with markup “inde…

1<div id = "app">
2    <input v-model = "text" @input = "save_data">
3    <p> {{content}} </p>
4</div>
5<script scr = "app.js"></script>

1new Vue({
2    el : "#app",
3    data : {
4        text : "",
5        content : "",
6    },
7
8    mounted () {
9        try {
10
11        this.text = localStorage.getItem("value1").split("abhi").slice(1,
12-1),join("");
13        this.content =
14localStorage.getItem("value1").split("abhi").slice(1),join("");
15        }
16        catch {
17            this.text = "";
18            this.content = "";
19        }
20    },
21
22    methods : {
23        save_data() {
24            localStorage.setItem("value1", this.text);
25            localStorage.setItem("value2", this.content);
26        }
27    }
28})