Vue--- Vue(Pubsub + Ajax) 数据交互 vue part3.4 小案例 消息订阅pubsub与ajax

案例知识点

  1. 兄弟组件儿的通信     使用了Pubsub    订阅与发布
  2. ajax数据请求    获取前   获取中   获取后   获取为空    获取异常
  3. 获取成功后显示数据给到  原先定义号的 jsonData     users

    vue part3.4 小案例 消息订阅pubsub与ajax

     pubsub消息订阅组件,便于兄弟组件间调用

    npm install --save pubsub-js

     

    app.vue

    View Code

    main.vue

    // 由于请求状态在Main中,ajax写在main中以便同步更新4个状态。 写在search中不便更新状态。
    View Code

    search.vue

    View Code
     

猜你喜欢

转载自www.cnblogs.com/reeber/p/10606329.html