This lesson covers using v-for to display lists of data.
2m 24s| Getting Started | |||||
| 1 | Introduction |  |
3m 15s | ||
| 2 | vue-cli & Vue Basics | |
7m 37s | ||
| 3 | Vue Basics p2 | |
3m 54s | ||
| Fundamentals | |||||
| 4 | v-for | |
2m 24s | ||
| 5 | Computed Fields | |
4m 13s | ||
| 6 | Vuex | |
3m 12s | ||
| 7 | v-bind:class | |
1m 26s | ||
| 8 | Components & Props | |
3m 51s | ||
| 9 | emit | |
2m 36s |
|
|
| ES6 | |||||
| 10 | ES6 Introduction | |
6m 48s |
|
|
| 11 | ES6 Arrow Functions | |
6m 25s |
|
|
| 12 | ES6 Odds & Ends | |
5m 7s |
|
|
| Odds & Ends | |||||
| 13 | vue-resource | |
10m 44s |
|
|
| 14 | Vue Router | |
4m 35s |
|
|
| 15 | Backend Proxying | |
1m 6s |
|
|
| 16 | Event Bus | |
4m |
|
|
| Web Application | |||||
| 17 | Final Project | |
2m 15s |
|
|
Create a new app that contains an array of names. Display the array in a unordered list.
Add a text field and a button to the app. When the button is clicked add the value (name) in the text field to the array of names. Note that it appears in the unordered list.
