Missed DevDay24? Register for the Best of DevDay

Get Started with Vue: Security and Identity Management

Published on November 19, 2021

New to Vue and Auth0 by Okta?

Vue is a web framework to build user interfaces. Developers can use Vue to build sophisticated Single-Page Applications (SPAs) thanks to Vue's modern tooling and libraries that implement common features such as routing and form management. Vue has built-in protections against common security vulnerabilities and attacks that target web applications such as cross-site scripting (XSS). However, Vue doesn't provide application-level security, such as authentication and authorization.

You can integrate the Auth0 Identity Platform with Vue to implement user authentication quickly. Auth0 helps you deliver a balance between security, privacy, and convenience to your users. Auth0 handles billions of login transactions each month. That's only possible because Auth0 is committed to solving complex identity problems by empowering developers with tools that meet their unique security needs and requirements. Please allow us to show you how Auth0 makes identity and security work for you by exploring the Vue developer guides below.

Quickstarts

Vue v3 Interactive Quickstart

This interactive guide demonstrates how to integrate Auth0, add authentication, and display user profile information in any Vue application using the Auth0 Vue SDK.

This document demonstrates how to add user login to a Vue 3 application using Auth0.

Vue v3: Calling an API

This document demonstrates how to make calls to an external API from a Vue 3 application using Auth0.

Vue.js v2: Login

This document demonstrates how to add user login to a Vue.js v2 application using Auth0.

Vue.js v2: Calling an API

This document demonstrates how to make calls to an external API from a Vue.js v2 application using Auth0.

SDK Libraries

Auth0 Vue 3 SDK

Auth0 SDK for Vue 3 Applications using Authorization Code Grant Flow with PKCE.

Auth0 SPA SDK for Vue.js v2 Apps

Auth0 SDK for Single Page Applications using Authorization Code Grant Flow with PKCE.

Code Samples

Vue.js Composition API Code Sample:Basic Authentication

This code sample uses Vue.js 3 with JavaScript and the Composition API to implement single-page application authentication using the Auth0 Vue SDK.

Vue.js Options API Code Sample:Basic Authentication

This code sample uses Vue.js 3 with JavaScript and the Options API to implement single-page application authentication using the Auth0 Vue SDK.

Vue.js 2 Code Sample:Basic Authentication

This code sample uses Vue.js 2 with JavaScript to implement single-page application authentication using the Auth0 SPA SDK.

Developer Guides

Vue.js Authentication By Example:Composition API

Learn how to add authentication features to Vue.js apps: add login, logout, and sign-up. Learn how to protect Vue.js pages using router guards and how to call protected APIs.

Vue.js Authentication By Example:Options API

Learn how to add authentication features to Vue.js apps using Options API: add login, logout, and sign-up. Learn how to protect Vue.js pages using router guards and how to call protected APIs.

Vue.js Authentication 2 By Example

Learn how to add authentication features to Vue.js 2 apps: add login, logout, and sign-up. Learn how to protect Vue.js pages using router guards and how to call protected APIs.

How to Deploy a Vue.js App Secured By Auth0 to Vercel

Learn how to deploy Vue.js applications secured with Auth0 to Vercel step by step.

Blog Posts

Introducing the Brand-New Auth0 Vue SDK

Learn about the essential features of the Auth0 Vue SDK and how it helps developers secure Vue 3 apps.

How to Create a Vue.js v2 Authentication Plugin

Learn how to create a Vue plugin to manage user authentication.

Build an Admin Dashboard with Express.js and Vue.js v2

Learn how to use the Auth0 Management API to build an admin dashboard with Express.js and Vue.js v2.

Beginner Vue.js v2 Tutorial with User Login

Learn how to build a Vue.js application from scratch and add authentication.