| commit | author | age | ||
| 5a0a7b | 1 | const app = Vue.createApp({ |
| CM | 2 | data() { |
| 6ea2a2 | 3 | return { |
| CM | 4 | detailsAreVisible: false, |
| 5 | friends: [ | |
| 6 | { | |
| 7 | id: "manuel", | |
| 8 | name: "Manuel Lorenz", | |
| 9 | phone: "01234 5678 991", | |
| 10 | email: "manuel@localhost.com", | |
| 11 | }, | |
| 12 | { | |
| 13 | id: "julie", | |
| 14 | name: "Julie Jones", | |
| 15 | phone: "09876 543 221", | |
| 16 | email: "julie@localhost.com", | |
| 17 | }, | |
| 18 | ], | |
| 19 | }; | |
| 5a0a7b | 20 | }, |
| CM | 21 | computed: {}, |
| 22 | watch: {}, | |
| 6ea2a2 | 23 | methods: { |
| CM | 24 | toggleDetails() { |
| 25 | this.detailsAreVisible = !this.detailsAreVisible; | |
| 26 | }, | |
| 27 | }, | |
| 5a0a7b | 28 | }); |
| CM | 29 | |
| 30 | app.mount("#app"); | |
