Vue.js hook on created event only once for a vue component
Consider wrapping your <router-view></router-view> with <keep-alive></keep-alive>, so that when your route changes, the component for the routes isn't recreated: the created hook will only be called once when it is created initially.
<router-view> {({ Component }) => ( <keep-alive> <Component /> </keep-alive> )}</router-view>