ramon-src

// app
<template>
 <carros v-if="opcionais.length" :opcionais="opcionais" 
 </template>
 computed: {
    
    opcionais() {
      return this.$store.getters.opcionais;
    },
 },

ramon-src

class Boleto extends TipoDePagamento{
  public void debita() {
    print("debita com demora, mas sem taxa");
  }
}

ramon-src

class Pagamento {
  public void executar(TipoDePagamento tipo) {
    tipo.debita();
  }
}

/*
 * Logo, podemos passar por parâmetro qualquer classe que extenda TipoDePagamento, 
 * para o método executar da classe Pagamento.
 */

ramon-src

// Classe CartãoDebito ao extender TipoDePagamento aceita o contrato de que deve implementar o método debita

class CartaoDebito extends TipoDePagamento{
  public void debita() {
    print("debita sem taxa");
  }
}

// Mesma coisa para CartaoDeCredito

ramon-src

abstract class TipoDePagamento {
  
  /*
   * Assinatura abstract no método, obriga as classes que extendem TipoDePagamento a implementarem o método debita, 
   * ditando assim como elas devem ser estruturadas
   */
   abstract void debita();
  
}

ramon-src

class CartaoDebito {
  public void debita() {
    print("debita sem taxa");
  }
}

class CartaoCredito {
  public void debita() {
    print("debita com taxa");
  }

ramon-src

// Removeremos essas duas condições da classe Pagamento
if (tipoPagamento == "Cartão de Débito"){
  print("debita sem taxa");
}
if (tipoPagamento == "Cartão de Crédito"){
  print("debita com taxa");
}

ramon-src

class Pagamento {
  public void executar(String tipoPagamento) {
    if (tipoPagamento == "Cartão de Débito"){
      print("debita sem taxa");
    }
    if (tipoPagamento == "Cartão de Crédito"){
      print("debita com taxa");
    }
}

ramon-src

class Pagamento{
  public void executar(String tipoPagamento) {
    if (tipoPagamento == "Cartão de Débito"){
      print("debita sem taxa");
    }
}

ramon-src

const app = new Vue({
    el: '#app',
    data: {
        errors: [],
        name: null,
        usuario: null,
        senha: null,
        age: null,
        movie: null
    },