Vue 跳转新页面

介绍

在 vue 当中，通过 @click 点击事件实现不同方式的页面跳转； 这里主要介绍三种~~~
1. 不覆盖当前页面的跳转，（在新窗口中打开页面）

<div>
	<button type="button" @click="newPage">新窗口打开</button>
</div>

methods:{
	newPage() {
		window.open("https://www.baidu.com","_blank")
	}
}

2. 覆盖当前页面（在当前窗口打开）

<div>
	<button type="button" @click="newPage">当前窗口打开</button>
</div>

methods:{
	newPage() {
		window.location.href="https://www.baidu.com"
	}
}

2. 页面内部跳转
使用this.$router.push() 实现