Vue中使用go，back,解释callback函数的作用

go，back的使用

<template>
	<div id=“Myid”>
		<ul>
			<li @click=“$router.go(-1)”></li> //当前页面后退+刷新
			<li @click=“$router.go(0)”></li>//当前页面刷新
			<li @click=“$router.go(1)”></li>//当前页面前进
			<li @click=“$router.back()”></li>//后退
			<li @click=“$router.back(0)”></li>//刷新
			<li@click=“$router.back(1)”></li>//前进
		</ul>
	</div>
</template>

callback的使用

function validatePassword(rule, value, callback){
	 if(value.length<6){
	 	 callback(new Error('密码不能低于6位！请重新输入。')) 
	 }else{ callback('密码长度正确！') } } 
	 
function showMsg(msg){//回调函数，用来接收校检结果 console.log(msg) } 
 validatePassword('','qwer123',showMsg)//密码长度正确！ 
 validatePassword('','qw12',showMsg)//Error: 密码不能低于6位！请重新输入。

回调函数的写法好处在于复用性强
validatePassword不需要知道需要调用的函数名，最后它的名字都会变成callback，validatPassword函数可以变成一个复用函数
若不用这种回调的写法，如下:

function validatePassword(rule, value){
	 if(value.length<6){
 		 showMsg(new Error('密码不能低于6位！请重新输入。')) 
 	}else{ showMsg('密码长度正确！') } } 
 	
function showMsg(msg){//回调函数，用来接收校检结果 console.log(msg) }
validatePassword('','qwer123')//密码长度正确！
validatePassword('','qw12')//Error: 密码不能低于6位！请重新输入

在修改showMsg函数名后，因为validatePassword使用了写死的showMsg函数，需要重新修改，无法复用