vue3使用errorHandler捕获所有子组件的错误（throw错误测试）

main.js:

import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(router)

app.config.errorHandler = (err) => {
  console.log(err)
}

app.mount('#app')

index.vue:

<script setup>
import { ref, onMounted } from 'vue'
import './index.css'

const count = ref(0)

const handleCount = () => {
  count.value++
  console.log(count.value)
  if (count.value % 3 === 0) {
    throw `抛出错误：${count.value}`
  }
}

onMounted(() => {
  console.log(1)
})
</script>

<template>
  <div class="m-home-wrap">
    home
    <button @click="handleCount">{{ count }}</button>
    <div class="m-home-demo"></div>
  </div>
</template>

<style></style>

人工智能学习网站

https://chat.xutongbao.top