glaucia86

# Comunicação entre Sistemas

## Comunicação sincrona vs Assincrona

Em um projeto de microsserviços, a comunicação entre os diferentes serviços é essencial para que eles possam funcionar juntos e trocar informações. A forma como essa comunicação é realizada pode ser síncrona ou assíncrona, cada uma com suas características e considerações específicas.

A comunicação síncrona ocorre quando um serviço envia uma solicitação para outro serviço e aguarda uma resposta imediata antes de prosseguir. Nesse modelo, o serviço solicitante fica bloqueado até que a resposta seja recebida. Esse tipo de comunicação é semelhante a uma chamada de função em programação, onde o fluxo de execução é interrompido até que a função retorne um valor.

A comunicação síncrona é geralmente usada quando uma resposta imediata é necessária, ou quando o serviço solicitante depende do resultado do serviço chamado para continuar sua operação. Isso pode ser útil em casos em que a sincronização de dados é importante ou quando é necessário garan

glaucia86

{
  "name": "contoso-real-estate",
  "version": "1.0.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "contoso-real-estate",
      "version": "1.0.0",
      "license": "MIT",

glaucia86

{
  "$schema": "https://aka.ms/terminal-profiles-schema",
  "globals": {
    "alwaysShowTabs": true,
    "defaultProfile": "{61c54bbd-c2c6-5271-96e7-009a87ff44bf}",
    "initialCols": 120,
    "initialRows": 30,
    "keybindings": [{
        "command": "closeTab",
        "keys": [

glaucia86

{
  "name": "projeto-1",
  "version": "1.0.0",
  "description": "Desenvolvimento de uma Calculadora simples visando ensinar os conceitos básicos de Vue.js",
  "author": "Glaucia Lemos",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --open --hot",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",

glaucia86

<template>
  <div class="calculadora">
    <div class="display">0</div>
    <div class="botao">C</div>
    <div class="botao">+/-</div>
    <div class="botao">%</div>
    <div class="botao operadores">÷</div>
    <div class="botao">7</div>
    <div class="botao">8</div>
    <div class="botao">9</div>

glaucia86

<template>
  <div class="calculadora">
    <div class="display">0</div>
    <div class="botao">C</div>
    <div class="botao">+/-</div>
    <div class="botao">%</div>
    <div class="botao">÷</div>
    <div class="botao">7</div>
    <div class="botao">8</div>
    <div class="botao">9</div>

glaucia86

<template>
  <div class="calculadora">
    <div class="display">0</div>
    <div >C</div>
    <div >+/-</div>
    <div >%</div>
    <div>÷</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>

glaucia86

<template>
  <div class="calculadora">
    <div class="display">1.565854</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>

glaucia86

<template>
  <div class="calculadora">
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>
    <div>teste</div>

glaucia86

<template>
</template>

<script>
export default {
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>