Vue 路由 学习

1. 路由跳转
   this.$router.push({path:‘teacher/table’});
2. 路由传参一(path:‘路由名/:参数名’)
   A页面前端利用来点击跳转
   或者是 this.$router.push({path:“路径”});

 {
        path: 'edit/:id',
        name: '修改讲师',
        component: () => import('@/views/edu/teacher/save'),
        meta: { title: '修改讲师', icon: 'tree' },
        hidden:true 
      }

获取这个ID ： const id = this.$route.params.id ;

通过完整路径来跳转

这种方法路径会拼上参数

3. 路由传参二(通过this.$router.push({name:“路由名”,params:{参数名：参数内容}}));

获取： this.$route.params.参数名  ;

通过路由名来跳转

4. 导航切换 数据不刷新

	可以使用监听来解决
	watch:{
		//监听路由变化
		$route(to,from){
		//执行当路由变化的时候 需要执行的代码
		}
	}