- Let’s look at Vue component Task-list.vue from previous article in details.
- Here is the code:.
- We used single file component in this case.
What are the Vue.js Example Projects to Learn From?
Adding component to the main app.js file
How To Learn Vue.js Example Projects / Case Studies?
It has .vue extension (as you see) and can contain three section:. Reading this section you can keep one eye on the Script section located below. Everything begins from adding a task:. And this is our first directive v-model. This directive create a two-way binding on a form input element or a component.
We define the task in the data function in