想象一下这个简单的案例。您有一个Vue JS应用程序，用户可以在其中创建任务列表并对它们进行排序。这些列表应由服务器存储在数据库中。假设我们有一个ListComponent可以处理大量UX的工具。
我的问题是，应该使用哪种模式来处理前端和后端数据同步？
A）浏览vuex：将活动列表（显示，编辑或创建的活动列表）存储在vuex中store。在ListComponent将改变store，并随后，在列表中所做的更改将通过API发送到后端。
B）直接转到服务器：ListComponent每次显示，编辑或创建列表时，都直接从服务器读取和写入服务器。
如果遵循A，那么商店应该具有哪种架构？我应该如何以及何时启动同步？如何跟踪已更改的内容和未更改的内容？