Performance test for vue vs react

perf-test.jsx

import React, { useEffect, useState } from "react";

interface PerfTestProps {
  pressureLevel: number;
}

export function PerfTest({ pressureLevel }: PerfTestProps) {
  const [items, setItems] = useState<number[]>([]);

  useEffect(() => {
    const interval = setInterval(() => {
      const newItems = Array.from({ length: pressureLevel * 10 }, () => Math.random());
      setItems(newItems);
    }, 1000);
    return () => clearInterval(interval);
  }, [pressureLevel]);

  return (
    <div>
      <h3>Pressure Level: {pressureLevel}</h3>
      {items.slice(0, 100).map((val, i) => (
        <div key={i}>{val}</div>
      ))}
    </div>
  );
}

perf-test.vue

<template>
  <div>
    <div v-for="(value, index) in items" :key="index">
      {{value}}
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, onUnmounted } from 'vue';

const items = ref<number[]>([]);

const updateItems = () => {
  items.value = Array.from({ length: 10000 }, () => Math.random());
};

let intervalId: number;

onMounted(() => {
  updateItems();
  intervalId = window.setInterval(updateItems, 1000);
});

onUnmounted(() => {
  clearInterval(intervalId);
});
</script>

Is there a reason for the slice in react and not one for vue?