实现Vue-router编程式导航的两种方法-创新互联

这篇文章主要介绍“实现Vue-router编程式导航的两种方法”，在日常操作中，相信很多人在实现Vue-router编程式导航的两种方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”实现Vue-router编程式导航的两种方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

页面导航的两种方式

声明式导航：通过点击链接实现导航的方式，叫做声明式导航
例如：普通网页中的 链接 或 vue 中的
编程式导航：通过调用JavaScript形式的API实现导航的方式，叫做编程式导航
例如：普通网页中的location.href

编程式导航基本用法

常用的编程式导航 API 如下：

this.$router.push(‘hash地址')

this.$router.go(n)

 const User = {  
 		template: '
跳转到注册页面
',  
  	methods: { 
  	 goRegister: function(){   
    // 用编程的方式控制路由跳转   
    	this.$router.push('/register'); 
  } 
  } 
 }

具体吗实现：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
  User1
  User2
  User3
  Register