-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating

Vue.js 3 Design Patterns and Best Practices
By :

Our example application will build on the scaffolding files of a basic application. It will provide us with an input element to enter our to-do items and will display the list of tasks pending and completed. The purpose of this exercise is as follows:
script
setup
syntaxWhen we are done, we will have a simple website that should look like this (the to-do items have been added as an example):
Figure 3.6 - The final result of our To-Do List application with styles applied
For the purpose of this exercise, we will develop the entire To-Do application in one single component, which we will import into our main
component (App.vue
). This, of course, is purposely breaking some of the principles that we saw in Chapter 2, Software Design Principles and Design Patterns. In Chapter...