web前端：vue中监听路由参数的变化

作者:Jade_g更新于： 2020-03-19 22:58:34

　　路由(routing)是指分组从源到目的地时，决定端到端路径的网络范围的进程。路由工作在OSI参考模型第三层--网络层的数据包转发设备。路由器通过转发数据包来实现网络互连。

　　在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，期望达到数据的更新。

　　mounted:()=>{

　　this.id=this.$route.query.id;

　　this.getdetail()

　　}

　　getDetail()方法中会用到this.id这个参数，在同一页面切换id的值，并不会触发vue的声明周期函数。

　　可以添加路由监听：

　　watch:{

　　$route:{

　　handler(){

　　this.id=this.$route.query.id;

　　this.getDetail();

　　//深度监听，同时也可监听到param参数变化

　　},

　　deep:true,

　　}

　　}

　　路由引导封包转送，经过一些中间的节点后，到它们最后的目的地。作成硬件的话，则称为路由器。路由通常根据路由表——一个储存到各个目的地的最佳路径的表——来引导封包转送。在大型网络中，路由优于桥接，且路由已经成为互联网上寻找路径的最主要方法。较小的网络通常可以手动设定路由表，但较大且拥有复杂拓扑的网络可能常常变化，若要手动建立路由表是不切实际的。