pubsub-js 消息订阅与发布

目录

• 消息订阅与发布
  • 案例

 

消息订阅与发布

订阅: pubsub.subscribe(name,callback)
发布: pubsub.publish(name,payload)
取消订阅: pubsub.unsubscribe(id)

案例

App.vue

<script>
import pubsub from "pubsub-js";
export default {
  name: "App",
  created() {
    this.pubid = pubsub.subscribe("toogleTodo", (msgName, data) =>
      this.toogleTodo(data)
    );
  },
  beforeDestroy() {
    pubsub.unsubscribe(this.pubid);
  },
};
</script>

Child.vue

<script>
import pubsub from "pubsub-js";
export default {
  props: ["item", "index"],
  methods: {
    toggleTask() {
      pubsub.publish("toogleTodo", this.index);
    },
  },
};
</script>