您现在的位置是：首页 >技术教程 >编程式路由网站首页技术教程

<script>
export default {
  name: 'video-Info1',
  created () {
    setTimeout(() => {
      this.$router.push({ name: 'home' })
    }, 3000)
  }
}
</script>

编程式路由：实现 不需要用户点击router-link，由代码实现路由跳转。

应用场景：用户登录过期，自动跳转到登录页。

created

• created () {... } 是 Vue 的生命周期钩子函数，当组件实例被创建完成之后会立即调用该函数。

this.$router

• this 指向当前的 Vue 实例。在 Vue 组件中，this 可以访问组件的属性和方法。
• $router 是 Vue Router 注入到每个 Vue 实例中的一个全局对象，它提供了一系列用于路由导航和管理的方法和属性。

push 方法

• push 是 $router 对象的一个方法，用于向路由历史记录中添加一个新的路由条目，类似于浏览器的 history.pushState 方法。当调用 push 方法时，浏览器的历史记录会更新，用户可以通过浏览器的后退按钮返回到上一个路由。

{ name: 'home' }

• 这是一个对象参数，用于指定要导航到的路由。在这个对象中，name 属性指定了目标路由的名称。在 Vue Router 的配置中，每个路由可以有一个唯一的名称，通过名称来导航可以提高代码的可读性和可维护性。