xcuube

Если список не меняется:

<div v-for="(item, idx) in items" :key="`key${idx}`">

Если имя или email уникальные:
<div v-for="item in items" :key="item.name">

Разная разрядность чисел при выполнении битовых операций.
JS: 612538604 << 23 === 1979711488
PHP: 612538604 << 23 === 5138346233823232
Лечится принудительным ограничением разрядности:
$cZ = $cZ ^ (($cZ << 23) & 0xFFFFFFFF);

1) Нужно иметь представление, как загружаются и работают сайты. Тут необходимо иметь представление и о том, что полезный контент может появится на сайте и после загрузки через определенное время.

2) Нужно иметь представление, как работает самый обычный способ получения контента - Curl. Попробуйте скопировать что то, поработать, представить в xml документ и тд. Тут вы определитесь с принципом работы парсера.
- парсер получает вводую информацию -> с учетом программы и вводных данных, парсер запрашивает определенные данные -> парсер обрабатывает данные для пользователя -> при необходимости, парсер повторяет запрос (инициированный пользователем или рекурсий) -> конец

3) Далее вы дойдете до механизмов защиты от парсинга:
- ограничение запросов на 1 ip, на один клиент и тд
- подгузка информации после загрузки контента
- дополнительный запрос на подгрузку контента с CSRF и другими способами
- блокирование ip
Это откроет вам парсеры типа PhantomJs, Научит пользоваться прокси, мимикрировать под популярные браузеры и тд.
Так же вы дойдете до многопоточности работы парсера, и подумаете о переходе на C и подобный язык программирования. Общаясь с сайтом уже посредством api.

А дальше, сталкиваяь с новыми проблемами, будете их решать.

puppeteer.launch(
    {
        args: [
            '--proxy-server=ip:port', // Or whatever the address is
        ]
    }
)
    .then(function (browser) {
        return browser.newPage().then(function (page) {
            page.authenticate({
                username: 'log',
                password: 'pass',
            });
            return page.goto(desktopUrl).then(function () {
                return page.content();
            });
        })
            .then(function (html) {
                const productList = [];
                $('div.product-card', html).each(function () {
                    let link = $("a.card-link", $(this)).attr("href");
                    let pic = $("img.image-component", $(this)).attr("src");
                    productList.push({ProductLink: link, picture: pic});
                });
                console.log(productList);
                //----------Где-то тут нужно закрыть браузер
                return browser.close().then(function () {
                    callback(null, productList); // :( лучше с промисами и продолжать, а не переходить на коллбеки
                });
            })
    })
    .catch(function (err) {
        return callback(err, null);
    });

Крайне неправильный подход к разработке! Не мешайте теплое с мягким. Vue это чисто фронт, он должен общаться с бекендом на php только посредством API запросов. То, что вы генерируете код фронта на беке - очень устаревшей подход, писать так сейчас не нужно от слова совсем. Так фронтенд фреймворки не юзают!