compentForm.vue

<template>
    <form action="/subscriptions" method="POST">
        <input type="hidden" name="stripeToken" v-model="stripeToken">
        <input type="hidden" name="stripeEmail" v-model="stripeEmail">
        <button id="customButton" @click.prevent="subscribe">Purchase</button>
    </form>
</template>

<script>
    export default {
        data() {
            return {
                stripeEmail: '',
                stripeToken: ''
            }
        },
        created() {
            this.stripe = StripeCheckout.configure({
              key: Laravel.stripeKey,
              image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
              locale: 'auto',
              token: function(token) {
                this.stripeToken = token.id;
                this.stripeEmail = token.email;
                this.$http.post('subscriptions', this.$data)
                    .then(response => alert("Complete! Thanks for your subscription"));
            }
        });
        },
        methods: {
            buy() {
                this.stripe.open({
                    name: 'Stripe.com',
                    description: '2 widgets',
                    zipCode: true,
                    amount: 2000
                });
            }
        }
    }
</script>