To create our dynamic component, we will transform the components from stateful to stateless, and will extract some parts that can be made into new components as well.
We will use the Vue project with Vue-CLI that we used in the 'Creating and understanding the Vuex actions' recipe, or we can start a new one.
To start a new one, open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:
> vue create vuex-store
Choose the manual features, and add Router and Vuex as required features, as indicated in the 'How to do it...' section of the 'Creating a simple Vuex store' recipe.
Our recipe will be divided into five parts:
- Creating the user list component
- Editing the user list page
- Editing the user view page
- Editing the user view page
- Editing the user create page
Let's get started.