Vue - pagamentos.dev

O que é Vue?

Vue.js é um framework progressivo para construção de interfaces de usuário. Ele é projetado para ser adotado incrementalmente e se destaca pela sua simplicidade e flexibilidade. Visite o site oficial do Vue para saber mais.

Vue é um framework de frontend. Isso significa que ele é executado no navegador do usuário e você pode usá-lo para criar interfaces de pagamento.Para lidar com a lógica de pagamento, como criar cobranças, processar pagamentos e lidar com webhooks, você ainda precisará de um backend. Confira o guia de integração com Backend para saber como configurar.

Instalação

Para começar o desenvolvimento, instale a biblioteca com seu gerenciador de pacotes favorito:

npm i pagamentos

yarn add pagamentos

pnpm add pagamentos

bun i pagamentos

Seu primeiro componente

Vamos usar o componente Checkout para criar um checkout de pagamento simples:

Checkout.vue

<script setup lang="ts">
import { ref } from 'vue'
import { Checkout, CheckoutValues } from 'pagamentos/vue'

const metodos = ['pix', 'boleto', 'cartaoCredito']

async function onSubmit(data: CheckoutValues) {
  console.log('Dados do pagamento:', data)
}
</script>

<template>
  <Checkout 
    :metodo-pagamento="metodos"
    @submit="onSubmit"
  />
</template>

TanStack Start

​O que é Vue?

​Instalação

​Seu primeiro componente

O que é Vue?

Instalação

Seu primeiro componente