Summary
This chapter has introduced you to some basic Vue features, and we have defined the first component for our Companion App. We started the chapter by learning how to create a Vue application using the CLI and looked at its folder structure. We then created our first Vue component. By doing so, we learned how to write and use components with the SFC syntax. We then changed our static component to make use of dynamic properties. Finally, we learned about component state and learned how to use Refs and Reactive data by enhancing the functionality of our components.
Your turn
Use the notion of Ref and Reactive in another component. This could be done in the footer.vue file that you previously created by moving the link value and src into a Reactive property, just like we did for our posts.
In the next chapter, we are going to continue our mission to learn Vue by introducing Vue directives. Directives are Vue-specific attributes that give us the ability to meet complex requirements...
