Working with Vue-CLI, Components, Props, and Slots

The previous chapter was an introduction to the basic concepts of Vue. We will start this chapter with a more realistic approach: we'll introduce Vue-cli. We'll look at the component hierarchy, global and local components, and communication between components. We will introduce slots, and we will also examine the difference between slots and props. 

In this chapter, we will cover the following topics:

• Vue component hierarchy, and global and local components
• Using Vue-cli
• Setting up code editors to use with Vue
• The structure of our Vue-cli-based project
• Adding basic functionality to a child component
• Adding props to our HelloAgain.vue
• Introduction to slots