Cacher is the code snippet organizer for pro developers

// Componente vue, ex: VueCliente.vue
<template>
    <p>{{ cliente.id }}</p>
</template>

<script>
   export default {
      props: {
        cliente: {
          type: Object,
          required: true,
          validator: value => Number.isInteger(value.id)
        }
      }
   }
</script>

<h1>Cliente</h1>
<p>ID: <vue-cliente :cliente="{{ $cliente }}"></vue-cliente>