求助：vue从后端获取数据，如何对获得的数据进行拆分？

从后端获取数据格式如下：

{
    "count": 3,
    "lists": [
        {
            "id": 2,
            "name_id": 4,
            "name": "4: 2201030019: 张四",
          },
        {
            "id": 3,
            "name_id": 5,
            "name": "5: 2201030025: 张九",
         },
        {
            "id": 4,
            "name_id": 7,
            "name": "7: 2201030017: 张七",
          }
    ],
}

在VUE中想实现对name根据“：”进行拆分，获得的数据格式如下：

{

    "count": 3,

    "lists": [

        {

            "id": 2,

            "name_id": 4,

            "nameid1": "4",

            "nameid2": "2201030019 ",

            "nameid3": "张四",

          },

        {

            "id": 3,

            "name_id": 5,

            "nameid1": "5",

            "nameid2": "2201030025 ",

            "nameid3": "张九",

         },

        {

            "id": 4,

            "name_id":7,

            "nameid1": "7",

            "nameid2": "2201030017 ",

            "nameid3": "张七",

          }

    ],

}

请各位大佬帮助！先谢谢了。