名词解释
created:在数据渲染之前执行,类似页面加载初始化
watch:监听事件
created,只要加载页面就会执行,只执行一次,多次路由跳转也只执行一次,导致复用同一页面的时候,页面数据同样会被渲染过去。
例如:有个添加用户和修改用户的功能,同时使用添加用户这个页面,修改用户的话需要做数据的回显,从而导致点击修改后再次点击添加,添加页面还是会显示之前修改页面渲染上的数据
问题:我不需要在添加用户的界面看见之前的数据,但是由于created只执行一次,没有办法在里面对数据进行清空
解决:添加一个watch监听事件,监听每次路由跳转,都对数据进行一个清空处理
watch: {//监听
$route(to, from) {
//to form 代表路由跳转的方式 $route对路由监听
this.init()//清空数据
}
}