Practical week 11: Vue Router & Vuex
Practical week 11: Vue Router & Vuex
2. Install dependencies
2. Install dependencies
Navigate to project root directory:
> cd wad20-lab11
And run command:
> npm install
Run application by:
> npm run serve
Tasks
Tasks
Note: you will need to modify ItemPage component heavily
Note: you will need to modify ItemPage component heavily
1. Create a new route /items/:id and navigate user to ItemPage component, when they click on an item card, which will display item with provided id in the main section
1. Create a new route /items/:id and navigate user to ItemPage component, when they click on an item card, which will display item with provided id in the main section
2. This new route will display item with provided id in the main section of ItemPage component
2. This new route will display item with provided id in the main section of ItemPage component
3. Get appropriate item form Vuex store in ItemPage component
3. Get appropriate item form Vuex store in ItemPage component
4. Fill suggested container with every other item in the Vuex store (Use computed properties)
4. Fill suggested container with every other item in the Vuex store (Use computed properties)
5. Navigate users to appropriate item page when they click on an item title in the suggested container
5. Navigate users to appropriate item page when they click on an item title in the suggested container