在vue中刷新当前页面

在vue管理后台中，对列表进行编辑，删除，新增，都需要更改数据，对列表进行刷新，vue本质就是数据驱动，所以，方法很多

一，调用获取列表的接口方法，即可刷新当前列表

getListInfo () {
	// 获取列表数据
}

// 删除
delate () {
	// 业务逻辑
	this.getLinstInfo() // 调用接口刷新数据
}

二 ， 刷新当前路由

this.$router.replace({
	path: '/user/config',
	name: 'config'
})

但是做了一下测试，vue会重新通过这个路由进入当前页面，如果没有在mounted方法里面执行获取列表方法的话，replace路由是不会起效果的，pass

三，最粗暴，但是不推荐的方法

location.reload()
this.$router.go(0)

两种方法都可以刷新页面，但是效果相当于ctrl+f5强制刷新一样，会让页面出现短暂空白区，用户体验不佳

四，新建一个空白页back.vue 点击确定的时候，先调转到这个页面，然后在立马跳回来

// 当前页面 current.vue
this.$router.push({
	path: '/back'
	name: 'back'
})

// 在back.vue页面中
// 实现原理：单纯的地址栏切换，达到刷新页面的效果，先从current页面调转到back页面
// 然后在马上跳转回来
export default {
	data () {
		return {
			
		}
	}
	mounted: {
		this.$router.push({
			path: '/current',
			name: 'current'
		})
	}
}

肯定还有其他方法，但是也没有一一去尝试，推荐最佳就是重新调用获取数据接口来刷新页面，毕竟vue设计就是数据驱动视图更新