【研究心得】O2OA中使用Vue组件时的数据实时更新问题

fredszq

首先说说为什么我要研究与Vue的结合。本来按照早期官方试用平台的例子，自定义首页以后，可以在页面的某个地方（我选了右上角）实时监控流程数量，就像现在默认主页里的“待办”、“已办”、“待阅”、“已阅”等等，后面跟个括号，显示数量。本来这是件简单的事情，用Source+SubSource+SourceText组件+页面load事件里定时刷新的方法就搞定了，但如果要用改变颜色的方式提醒处理，这样就不行，SourceText的load事件里判断处理也没用，只有第一次加载页面的时候颜色会正常（比如有待办的时候，数字是红色的，办理完了需要恢复成黑色的，就像这样：待办（1） 待办（0）），后面只要不刷新页面，颜色就不会变了。
所以，我寄希望于Vue，以Vue入门者的水平用72小时实现了这个屁大点的功能，但其实也不小了，一通百通，其他地方用得着。
此处不贴源码，仅提供思路：
1. 背景介绍：按照O2官方的教程，使用Vue组件，大家可以先自己试一下，后台获取的数字更新以后，前端显示的内容岿然不动，像死了一样。
2. 尝试过程：试过将整段代码放到setInterval（）函数里反复执行，依然没有什么卵用，任你后台不断获取正确的数据，前台还是像死了一样。
3. 核心提示：①要了解Vue对组件的编译，组件是用来复用的，所以数据并不是单纯的直接与前端双向绑定（人家明明用了个return来给数据的不是么？）；②网上说了一堆组件强制刷新的方法（v-if法、forceUpdate法、key大法），好像都不太好用，套不进我们的代码中来；③最后在理解组件生命周期之后，就解决了，数据活了，颜色也活了！
另外，管理员同志，你上次把我的分享更改作者是什么骚操作？

论坛管理员

另外，管理员同志，你上次把我的分享更改作者是什么骚操作？
并不是故意操作。
看到一个错别字，想说修改一下！
导致了最后处理人修改！