Virtual DOM rendering JSON nested objects not working

1 
{ 
   "visit_list":[ 
  { 
     "visit_id":"1",
     "visit_date":"2020-01-24 13:01:21" 
  },
  { 
     "visit_id":"2",
     "visit_date":"2020-01-24 13:03:34"
  }
   ]
}



 data: function() {
    return {
        // empty initial user data
        vdata:null,

    }
},

 self.$setState({vdata: data });

{{#if vdata}}
 {{#each vdata.visit_list}}
     <li><div class="item-title">{{visit_date}}"</li>
 <li><div class="item-title">{{visit_id}}"</li>
	 {{/each}}
 {{/if}}
2

I do not think you will get any answers if you do not ask a question!