消息订阅与发布

注意(下载pubsub库大概需要20-30分钟)

一、使用的方法和组件:

npm install --save pubsub-js 装 pubsub 库
npm info pubsub-js  查看消息 查看有没有库

npm config set registryhttps://registry.npm.taobao.org 首先设置淘宝镜像

mounted 异步

subscribe() 订阅消息

 publish()发布消息

import PubSub from 'pubsub-js' 前提是你装了


二、安装pubsub库

2.1、输入npm install --save pubsub-js

2.2、安装完毕


三、遇到问题

3.1到modules中将fsevents删除 这个是苹果系统的   可以忽略算是安装成功了

3.2手动安装 npm install ajv@^6.0.0 手动安装命令

四、代码实例

app.vue

<TodoHeader ref="harnd"/>

mounted () {

this.$refs.harnd.$on('addTodoList', this.addTodoList)

Pubsub.subscribe('deleteItem', (msg, index) => {

this.deleteItem(index)

})

},

TodoHeader.vue

methods: {

add () {

const title =this.title.trim()

if (!title) {

alert('请输入任务名称')

return

    }

const todo = {

title,

      isShow:false

    }

this.$emit('addTodoList', todo)

this.title =''

  }

}

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

推荐阅读更多精彩内容