Vue.js 3 Design Patterns and Best Practices

3

Setting Up a Working Project

In the previous chapters, we laid the theoretical foundation for designing a web application in JavaScript using the Vue 3 framework. However, so far, we have not really gotten into a real project. That is what this chapter is about. We will use the new set of tools that comes along with Vue 3 to create a project from scratch and prepare a template that we will use in other projects. As is custom, this initial project for a web application is to build a To-Do list (the equivalent of Hello World). As we progress with the introduction of each new concept, we will over-engineer the application to turn it into something much more useful, or at the very least, more interesting to look upon.

Some of the practical skills ...