消息订阅与发布
订阅: 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>