Вы можете как этот пустой лист послать на преставление, так его и передавать уже заполненным, например по кнопке сохранить.
Для реализации данных действия, я например использую:
1. Статическую библиотеку vue.js. Для рендеринга полученных данных.
2. Axios. Для запросов на сервер для получения данных.
3. Формат данных Json.
По факту получается так. Вы переходите на страницу. В этот момент во vue есть метод, который срабатывает при загрузке страницы.
mounted(){
axios.post("/Home/GetList", null).then(resp =>{
this.list = resp.data;
});
}
В этом методе (mounted) мы выполняем запрос на сервер.
Этот запрос стучится в метод GetList в контролере Home на сервере.
public JsonResult GetList(){
var res = db.TableList.GetAll();
return Json(res);
}
В контроллер приходит запрос. В контроллере вытаскиваете данные из таблицы и отдаете их клиенту.
Далее на клиенте данные получаются в переменную list во vue, и динамически данные появляются.
Потом пользователь изменяет какие-то данные и нажимает кнопку сохранить. Лист отправляется на сервер и там происходит изменения внесенные пользователем.
