Как по таймеру изменить route во Vue.js?

Question

[KushchO]

Я только приступил к изучению vue.js. У меня возник вопрос, есть ли способ с помощью например setInterval() менять routes?

Answer 1

[Lumore]

export default {
  created () {
    setTimeout(() => {
      this.$router.push('/contacts')
    }, 5000)
  }
}

Answer 2

[0xD34F]

const router = new VueRouter({
  routes: [
    { path: '/',    component: { template: '<div>Home</div>' } },
    { path: '/foo', component: { template: '<div>Foo</div>'  } },
    { path: '/boo', component: { template: '<div>Boo</div>'  } },
  ],
});

new Vue({
  router,
  el: '#app',
  data: () => ({
    routeIndex: 0,
  }),
  created() {
    setInterval(() => {
      const { routes } = this.$router.options;
      this.routeIndex = (this.routeIndex + 1) % routes.length;
      this.$router.push(routes[this.routeIndex]);
    }, 1000);
  },
});

<div id="app">
  <router-view></router-view>
</div>