| commit | author | age | ||
| a4d58c | 1 | <template> |
| eb387d | 2 | <ul> |
| CM | 3 | <learning-resource v-for="res in storedResouces" |
| 4 | :key="res.id" | |
| 5 | :title="res.title" | |
| 6 | :description="res.description" | |
| 7 | :link="res.link" | |
| 8 | > | |
| 9 | </learning-resource> | |
| 10 | </ul> | |
| a4d58c | 11 | </template> |
| CM | 12 | |
| 13 | <script> | |
| eb387d | 14 | import LearningResource from './components/learning-resource/LearningResource.vue'; |
| CM | 15 | |
| a4d58c | 16 | export default { |
| eb387d | 17 | components:{ |
| CM | 18 | LearningResource: LearningResource, |
| 19 | }, | |
| a4d58c | 20 | data(){ |
| CM | 21 | return { |
| eb387d | 22 | storedResouces: [ |
| a4d58c | 23 | { |
| CM | 24 | id:'official-guide', |
| 25 | title: 'Official Guide', | |
| 26 | description: 'The official Vue.js documentation', | |
| 27 | link: 'https://vuejs.org' | |
| 28 | }, | |
| 29 | { | |
| 30 | id:'google', | |
| 31 | title: 'Google', | |
| 32 | description: 'Learn to google...', | |
| 33 | link: 'https://google.com' | |
| 34 | }, | |
| 35 | ] | |
| 36 | } | |
| 37 | } | |
| 38 | } | |
| 39 | </script> | |
