Where there is multiple state inside our component state, we use them. export default { data() { return { } }, computed: mapState({ students: state => state.students }), async created() { } }; When a component needs to make use of multiple store state properties or getters, declaring all these computed properties can get repetitive and verbose. To deal with this we can make use of the mapState h..