test.vue 616 B

12345678910111213141516171819202122
  1. <template>
  2. <div></div>
  3. </template>
  4. <script lang="ts" setup>
  5. import { onMounted, ref } from 'vue';
  6. const worker = ref<Worker>();
  7. onMounted(() => {
  8. worker.value = new Worker('worker.js');
  9. worker.value.addEventListener('message', (e) => {
  10. console.log('从 Worker 接收到的消息:', e.data);
  11. });
  12. worker.value.postMessage({ type: 'start-loop', delay: 1000 / 30 }); // 发送消息到 Worker
  13. // setInterval(function () {
  14. // console.log(`setInterval在工作${new Date().toLocaleString()}`);
  15. // }, 100); // 设定间隔为1000毫秒,即1秒
  16. });
  17. </script>
  18. <style lang="scss" scoped></style>