Vue笔记

1.vue文件之间使用路由跳转传值:

this.$router.push({

    path:'要跳转的页面路径',

    query:{

        dataObj:'要传递的值'

    }

})

注:replace和push用法一样,区别在于使用过replace跳转后不能回到上个页面;

     使用replace后需要返回两次才能回到首页,使用history解决

           场景:公众号自定义菜单>A使用push到B>B使用replace传值跳转(返回)到A>在A中返回时需要返回两次才能关闭A页面回到自定义菜单页

            在A页面中使用history解决

            例:let len = history.length;

             if (len>=2) {

                 history.go(-(len-(len-1)));

             }

2.消息订阅与发布(PubSubJs):可以实现任意两个组件间传递数据

安装:npm install --save pubsub-js

用法:

    订阅消息:  PubSub.subscribe('事件名',(msg,data)=>{

                        //参数1必须写,但是没用,传递的数据在data中

                        //操作逻辑

                    })

    分发消息:  PubSub.publish('事件名',data)