User Interface Composition with Components
In this chapter, we will take a closer look at how to compose user interfaces with components. While we could just create our entire web page with just one component, as we did with our initial To-Do list application in Chapter 3, Setting Up a Working Project, this approach is not a good practice save for simple applications, partial migrations of functionality in existing web applications, or some edge cases when there could be no other option. Components are central to Vue’s approach to building interfaces.
In this chapter, we will do the following:
- Learn how to compose user interfaces with a hierarchy of components
- Learn different ways in which components interact and communicate with each other
- Look into special and custom components
- Create an example plugin applying design patterns
- Re-write our to-do application using our plugin and component composition
This chapter will introduce core and advanced...
