vue路由导航问题（页面回显清空数据）

名词解释
created：在数据渲染之前执行，类似页面加载初始化
watch：监听事件

created，只要加载页面就会执行，只执行一次，多次路由跳转也只执行一次，导致复用同一页面的时候，页面数据同样会被渲染过去。

例如：有个添加用户和修改用户的功能，同时使用添加用户这个页面，修改用户的话需要做数据的回显，从而导致点击修改后再次点击添加，添加页面还是会显示之前修改页面渲染上的数据

问题：我不需要在添加用户的界面看见之前的数据，但是由于created只执行一次，没有办法在里面对数据进行清空

解决：添加一个watch监听事件，监听每次路由跳转，都对数据进行一个清空处理

  watch: {//监听
      $route(to, from) {
      //to form 代表路由跳转的方式 $route对路由监听
        this.init()//清空数据
      }
    }