Guide
Welcome to the Vue Stripe guide. This documentation will help you integrate Stripe payments into your Vue.js application.
Learning Path
We recommend following these pages in order:
Getting Started
- Introduction - What Vue Stripe is and why you'd use it
- Installation - Set up the library in your project
- Your First Payment - Build a working payment form
Core Concepts
- Understanding the Architecture - Learn how components work together
- Choosing Your Approach - Pick the right solution for your use case
Building Payment Forms
- Payment Element - The recommended all-in-one solution
- Card Element - For card-only payments
- Express Checkout - Apple Pay, Google Pay, and Link
Reference
Each component and composable has detailed API documentation:
- Components - StripeProvider, VueStripeElements, element components
- Composables - useStripe, useStripeElements, usePaymentIntent
Quick Links
| I want to... | Go to... |
|---|---|
| Accept any payment method | Payment Element |
| Accept only cards | Card Element |
| Add Apple Pay / Google Pay | Express Checkout |
| Redirect to Stripe's page | Checkout |
| Understand the component tree | Architecture |
Prerequisites
Before using Vue Stripe, you should:
- Have a Stripe account
- Know basic Vue.js (components, props, events)
- Understand async/await and Promises
Getting Help
- Check the API Reference for detailed documentation
- Look at the Examples for complete code samples
- Report issues on GitHub