vue-router部分问题

1.获取地址栏的参数

完整url可以用             window.location.href                   获取方法 .split('?')[1].split('=')[1]

路由路径可以用 this.$route.path

路由路径参数 this.$route.params         如：/user/:id → /user/2044011030 → this.$route.params.id

路由查询参数 this.$route.query            如：/user/search?name=sf → this.$route.query.name

2.监听地址栏的路由

使用watch监听路由的变化

全局路由

在app.vue的create种加入下面代码，然后进行判断

this.$router.beforeEach((to, from, next) => {

    console.log(to);

    next();

});

1.监听路由从那来到哪里去

watch：{

        $route(to,from):{

                console.log(from.path) 从哪里来

                consle.log(to.path) 到哪里去

            }

}

2.监听路由触法方法

methods:{

    getPath(){

                this.routerChange(this.$route.path)

      },

}

  watch: {

            '$route':'getPath'  //方法

  },

3.监听路由变化获取新老路由信息

watch:{

        $route:{

      handler(val,oldval){

        console.log(val);//新路由信息

        console.log(oldval);//老路由信息

      },

        deep: true  // 深度观察监听

    }

}