引言

我们的 DCE 项目使用 Rxjs 作为数据流动的框架，这种响应式的编程思想很适合 DCE 这样的数据流动复杂的应用，却也带来不小的使用门槛。近日，在审阅我们代码的过程中，我发现了很多不规范甚至是不正确的 Rxjs 使用方法，不仅造成了代码丑陋，冗余，甚至会引起意想不到的bug。

我找了几处经典的案例，看看我们如何更优雅地使用 Rxjs 。

遇到的困难

目前公司的核心项目DCE(DaoCloud Enterprise)是一个非常复杂的SPA，它的复杂性主要体现在数据和交互逻辑两方面上。在数据方面，DCE管理着相当多的数据。在交互逻辑方面，DCE中的每一个操作几乎都是牵一发而动全身。但是交互逻辑的复杂归根结底是表现为数据的复杂，因为每一次交互，本质上都是在处理数据。为了保证数据的正确性，原来使用angularjs写的DCE中有很多数据处理、检测数据变化的代码，结果导致应用非常的卡顿。

趟坑总结

问题描述

在使用 v-for repeat 组件时控制台会出现警告：

解决方法

在组件标签上使用 v-for ：

• 加 :key
• 使用 template 标签包裹该组件，再在 template 标签 上使用 v-for。

3月6日上午 10:27 25分钟

一面

自我介绍

主要就讲了自己的学校，学过的课程，给学校做过的项目啊，自己做过的项目。

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.