Question 5
Consider the following Vue application with markup index.html and JavaScript app.js
index.html
<body> <div id="app"></div> <scriptsrc="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script src="./app.js"></script></body>app.js
new Vue({ el: '#app', template: ` <div> {{text}} <div> <input type="text" v-model="userInput" /> <div id="match"> {{hasMatched?"Not Matched":"Matched"}} </div> </div> </div>`, data: { text: 'This is text', userInput: null, }, computed: { hasMatched() { return this.text.startsWith(this.userInput) }, },})Suppose the application is running on “http://localhost:8080/”. If the User inputs “This” in the input box. What will be rendered inside the div with id “match”?