Question 14
Consider the following HTML with relevant Vue CDN link attached.
<div id="app1"> {{ messageA }} </div> <div id="app2"> {{ messageB }} </div>
<script> const vm1 = new Vue({ el: '#app1', data: { messageA: 'Hello from App 1' } })
const vm2 = new Vue({ el: '#app2', data: { messageB: 'Hello from App 2' } })
vm1.messageA = 'Updated App 1'; </script>After the code execution above, what will be displayed on the page?
"Updated App 1" and "Hello from App 2"
"Hello from App 1" and "Hello from App 2"
"Updated App 1" and blank second div
Both divs will be blank