Make an RPG
Example of Vue Components
Think of the Vue.component name as a tag that can be used in HTML.
Notice, in this example, how it says "todo-item" both in the Vue.component definition and the HTML code below.
Look at this groceryList example: the todo-item tag v-for says to iterate across the groceryList you find in the app7.groceryList.
Components help you separate your code to reduce dependencies. You can reuse them in your markup.
In the next lesson, we will learn about Vue what do props do
Get the Latest Tutorial Updates