关于vue,$router的页面间传值

Question

问题描述

萌新一枚，现在练习VUE嘛，就碰到了关于页面间传值的问题，用的是通过$router来传递的办法

举个栗子

A页面 传递
this.$router.push({path:'/adminManage',query:{usn:result.data}})

B页面获取（用的搜来的方法）
贴链接
https://blog.csdn.net/hanxion...

created:function(){ 
    this.getParams();
},watch: { 
// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可
      '$route': 'getParams'},methods:{ 
    getParams:function(){ // 取到路由带过来的参数
        var routerParams = this.$route.query.nameId // 将数据放在当前组件的数据内
    console.log("传来的参数=="+routerParams) 
    this.textareText = routerParams 
    },
}

后来自己尝试直接在B页面data里赋值

data(){        return{
            role:this.$route.query.usn.role
        }
    },

发现不用监听也可以，但是本着大佬的方法多半还是比自己好的这个想法，想问问大家：我这种做法有什么不好的地方

厚脸皮一下

请大佬们指教下关于页面传值$router，eventBus以及Storage三种方式适用于什么场景