Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.pagamentos.dev/llms.txt

Use this file to discover all available pages before exploring further.

​
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

​
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>