想实现一个功能,当我们对页面提交操作时,我们的消息图标的右上角会出现一个提示红点。
一开始想到的是用mounted和updated对红点提示进行更新,但是可以发现并不能实时更新,因为mounted和updated是只有当我们触发了提示消息的组件时才会更新
接下来我们可以用到computed和watch对vuex里的数据变化监听
我们已经在state中定义了一个存放消息的数组
state: {
//存放我的消息数据
UserMesssage:[]
}
返回我们有提示红点的组件页面,
提示红点的组件页面和如何在UserMessage中添加消息,在这里就不写页面样式和方法了,直接说如何监听