Добрый день. Есть одностраничный интернет - магазин, страница которого строится за счет Razor. Из базы данных выводится список товаров. В данный момент на ванильном JS описана логика добавления товаров в корзину, сохранений ее в LocalStorage. Сама корзина реализована за счет модального окна.
Рендеринг самой корзины в модалке происходит за счет innerHTML или через appendChild.
Посмотрев информацию о том, что vue можно подключить просто файликом к проекту, то решил всю логику отрисовки корзины и добавления товаров реализовать на vue. Но, во всех примерах vue цепляется к id блока.
У меня же наоборот. Есть набор карточек товаров. По клику которой происходит добавление товара в корзину. Как мне повесить прослушивание клика через vue, на группу элементов.
Vue не совсем так работает.
Он отталкивается от javascript данных и уже по ним строится html.
Т.е. вот этот div к которому vue цепляется служит как шаблон, а не источник данных. Его содержимое будет заменяться Vue.
Петр, в этих SPA приложениях примерно так и задумано.
Отдельно проект на Vue, который через api у бека берет себе нужные данные.
Про тот случай когда и бек и фронт совмещены, фронт формируется бэком, как то они не любят говорить, хотя можно конечно и так делать.
Просто бэк должен сформировать тот js в data, который ожидает Vue.
Ну или если покостылять, то вот этот html что у вас сейчас бэк выводит, сделайте его просто невидимым, а в created хуке vue перегоните его в data