Почему instanceOf Object на сервере и клиенте дает разные результаты?

Question

[ivan0512]

Столкнулся с такой проблемой, при серверном рендеринге value instanceof Object это false, а в бразуере true.
Из-за чего такое может происходить? Данные точно одинаковые

methods: {
      isObject(value) {
        console.warn(value, typeof value);
        return value instanceof Object;
      },
    },

Answer 1

[Алексей Ярков]

Данные точно одинаковые

Не точно )) На скрине у вас сначала в value приходит 1, а уже потом объект прилетает.

Comments

[ivan0512]

Там используется v-for. Я выделил соответствующий объект. Typeof выдает object, но instanceOf false

<template>
  <table class="table-primary">
    <tbody>
      <tr v-for="(value, key) of data" :key="key" class="table-primary__row">
        <td class="table-primary__cell">{{ key }}</td>
        <td class="table-primary__cell">
          <div v-if="!value" class="table-primary__no-data">No data</div>
          <ul v-else-if="isObject(value)">
            <li v-for="(valueNested, keyNested) of value" :key="keyNested">
              {{ keyNested }} -- {{ valueNested || 'No data' }}
            </li>
          </ul>
          <template v-else>
            {{ value }}
          </template>
        </td>
      </tr>
    </tbody>
  </table>
</template>

<script>
  export default {
    name: 'TablePrimary',

    props: {
      data: {
        type: Object,
        required: true,
      },
    },

    methods: {
      isObject(value) {
        console.warn(value, typeof value, value.name, process);
        return value instanceof Object;
      },
    },
  };
</script>