<VueRenderScan />

Visualize Vue component rerenders in development.

render-scan 19 redraws

<App /> ×2

<Dashboard /> ×5

<Counter /> ×9

<Sidebar /> ×3

Install

$ npm i -D vue-render-scan

Usage

import { createApp } from 'vue'
import { VueScanPlugin } from 'vue-render-scan'
import App from './App.vue'

createApp(App)
  .use(VueScanPlugin, {
    enabled: globalThis._importMeta_.env.DEV,
    includeMounts: false
  })
  .mount('#app')