注意(下载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 =''
}
}