Vue docs on local state vs global state and props
<!--IssueSummary start-->
<details>
<summary>
Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards.
</summary>
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=19417)
</details>
<!--IssueSummary end-->
We should have docs outlining when to use local and global/store state objects. And how this relates, or doesn't, to props. This will save us from bloating our stores.
/cc @filipa
issue