Deep diving into the lifecycle of a real app

Lifecycles are not a new notion and have been mentioned once or twice throughout this book, but due to their importance, it is a good idea to iterate through them by adding further functionality to our Companion App.

In this section, we are going to add new functionality that will enable us to expand and minimize the left sidebar of our application and store the value in localStorage to ensure the user preferences are persistent on refresh. We are going to learn how having a better understanding of the lifecycle can improve the user experience provided by our application.

Before we jump into the code itself, let’s think about what steps would be required to achieve this new functionality. Thinking over a problem helps you memorize all the different aspects of the Vue.js framework that we have learned and supports you in realizing any lack of knowledge or misunderstanding that you may have.

To complete the task of enabling...