Vue学习：todolist消息订阅

最新推荐文章于 2024-10-02 21:20:07 发布

¡Venceremo

最新推荐文章于 2024-10-02 21:20:07 发布

阅读量59

点赞数 1

分类专栏： Vue 文章标签：学习 vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_47295886/article/details/129236727

版权

Vue 专栏收录该内容

155 篇文章 1 订阅

订阅专栏

文章探讨了在实现删除功能时遵循的数据管理原则，即数据的提供者负责删除。使用PubSub模式，发布deleteTodo消息来触发删除操作，Vue组件订阅此消息并在接收到ID后过滤并更新todos列表。组件在生命周期的mounted阶段订阅，在beforeDestroy阶段取消订阅，确保资源的正确管理。

摘要由CSDN通过智能技术生成

实现删除功能-需要注意谁提供数据谁删除数据

一般引入第三方库在所有引入的文件之前

发布消息

    pubsub.publish('deleteTodo',id)

订阅消息

 
//删除一个id
deleteTodo(_,id) {//占位
         this.todos = this.todos.filter((todo) => {
             return todo.id != id
         })

 },
 mounted() {
             this.pubId=pubsub.subscribe('deleteTodo',this.deleteTodo)
        },
 beforeDestroy() {
        pubsub.unsubscribe(this.pubId)
},