Question 28: What happens when the following code is run in the brows…

1new Vue({
2      el: '#app',
3      data: {
4        items: ['apple', 'banana']
5      },
6      beforeCreate() {
7        console.log('Before:', this.items);
8        this.items.push('orange');
9      },
10      created() {
11        console.log('Created:', this.items);
12        this.items.push('grape');
13      },
14      template: '<div v-for="item in items">{{ item }}</div>'
15    });