Getting Started
Vue Stripe is an easy to implement, and well maintained Vue.js plugin for Stripe Checkout, and Elements.

Installation

Yarn
NPM
Terminal
1
yarn add @vue-stripe/vue-stripe
Copied!
Terminal
1
npm install @vue-stripe/vue-stripe
Copied!

Usage

You just need to import your desired elements component wherever it is needed, and Stripe SDK will only be loaded by the time the component has been mounted.
1
<template>
2
<!-- stripe-element-card -->
3
</template>
4
​
5
<script>
6
import { StripeElementCard } from '@vue-stripe/vue-stripe';
7
export default {
8
components: {
9
StripeElementCard,
10
},
11
};
12
</script>
Copied!
​
Export as PDF
Copy link
Edit on GitHub