<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 的配置中,每个路由可以有一个唯一的名称,通过名称来导航可以提高代码的可读性和可维护性。