Как вставить JSON в html?

Question

[urajo]

Я получаю json

[{
 name: 'Текст1',
 subm:['Текст2', 'Текст3']
}
]

Нужно сделать, что бы скрипт выводил циклом

<li class="inner-menu">
									<div class="otd-menu sub-check" data-sub="true" data-pnd="1" data-otd="4">Текст1<i class="fas fa-plus"></i></div>
									<div class="div-otd-menu check-sub">
										<input name="search" value="Текст1" type="checkbox" class="checkbox-otd-none">
									</div>
									<ul class="hide-menu">
										
											<li>
												<div class="otd-menu">Текст2</div>
												<div class="div-otd-menu">
													<input value="Текст2" name="search" type="checkbox" class="checkbox-otd">
												</div>
											</li>
										
											<li>
												<div class="otd-menu">Текст3</div>
												<div class="div-otd-menu">
													<input value="Текст3" name="search" type="checkbox" class="checkbox-otd">
												</div>
											</li>	
									</ul>

Может быть несколько объектов

[{
 name: 'Текст1',
 subm:['Текст2', 'Текст3']
},
{
 name: 'Текст1',
 subm:['Текст2', 'Текст3']
}
]

Т.е по факту нужно сделать под меню, в котором name это заголовок, а subm это элементы под меню.
Я пытался сделать цикл, в append но не понимаю как дальше вставить под меню

Answer 1

[beduin01]

https://ru.vuejs.org/v2/guide/list.html