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)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...
    秋殇1002阅读 1,075评论 0 1
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,973评论 1 4
  • ..
    李华炎阅读 241评论 0 1
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,009评论 3 119
  • Vue/组件 创建组件 单独声明一个Vue.component,使用只需要在Vue实例下使用定义的组件名在组件中d...
    一刀一个小黄鱼阅读 626评论 0 51