# Vue Error and Performance Monitoring

> Quickly identify & fix Vue performance bottlenecks with Vue error monitoring. Get started resolving errors for free with Sentry here.

**URL:** https://sentry.io/for/vue/

---

Actionable insights to resolve Vue performance bottlenecks and errors. Improve your monitoring workflow with a full view of releases so you can mark Vue errors as resolved and prioritize live issues.

**Documentation:** [https://docs.sentry.io/platforms/javascript/guides/vue/](https://docs.sentry.io/platforms/javascript/guides/vue/)

## Install

Just run this command to install the Sentry Vue SDK:

```bash
npm install @sentry/vue
```

Configure your DSN:

```javascript
import { createApp } from "vue";
import * as Sentry from "@sentry/vue";

const app = createApp({
  // ...
});

Sentry.init({
  app,
  dsn: "https://<key>@sentry.io/<project>",
  integrations: [Sentry.browserTracingIntegration()],

  // We recommend adjusting this value in production, or using tracesSampler
  // for finer control
  tracesSampleRate: 1.0,
  // Set tracePropagationTargets to control for which URLs distributed tracing should be enabled
  tracePropagationTargets: ['localhost', /^https:\/\/yourserver\.io\/api/],
});

app.mount("#app");
```

See the [Vue docs](https://docs.sentry.io/platforms/javascript/guides/vue/) for full setup options.

## Features

### Vue Performance Monitoring

Quickly identify [performance](/for/performance/) issues and view full end-to-end [distributed trace](/product/tracing/) to see the exact poor-performing API call and surface any related Vue errors. Improve Vue performance with max efficiency, not max effort.

### Vue Error Monitoring With Complete Stack Traces

See the error and Vue stack trace previously only visible in your user's debug console. Apply source maps automatically to convert minified, compiled, or transpiled code back to its original form. Keep your Vue source maps private by uploading them directly to Sentry.

### Issues, replayed

Get to the root cause of an error or latency issue faster with context like DOM events, console logs, and network calls within one visual replay on your web application.

### Fill In The Blanks About Vue Errors

See what the app was doing when the Vue error occurred: user interactions, AJAX requests, console log messages, and more. Learn in which version a bug first appeared, merge duplicates, and know if things regress in a future release

---

*Source: [sentry.io/for/vue/](https://sentry.io/for/vue/)*