vue+django 前后端数据同步

目标：在views.py中，准备好数据后，通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后，点击按钮提交后，以对象的形式向views.py传递并更新后端数据。

总体思路：

1. views.py用字典存数据
2. 暴露api的get方法，在页面加载时双向绑定数据
3. 修改数据提交后，点按钮把数据对象用json字符串传过来
4. 用simplejson.loads还原对象后，更新字典值

步骤：

1. 准备数据

class DotDict(dict):
    def __init__(self, *args, **kwargs):
        dict.__init__(self, *args, **kwargs)
        self.__dict__ = self

    def toDotDict(data):
        if isinstance(data, dict):
            for k, v in data.items():
                if isinstance(v, dict):
                    data[k] = DotDict(v)
                    DotDict.toDotDict(data[k]