Question 9
Consider the following Vue.js (Vue 2) code to answer the following question:
<div id="app"> <my-counter :start="5"></my-counter></div>
<script> Vue.component('my-counter', { props: ['start'], data: function () { return { count: this.start }; }, template: ` <div> <p>{{ count }}</p> <button @click="increment">Increment</button> </div> `, methods: { increment() { this.count++;
} } });
new Vue({ el: '#app', data: { start: 10 } });</script>What will be displayed when the page loads, and what happens when you click the button?