Robson Gomes robsongomes

## high_order_component_react.js
import Header from './Header'

const layoutStyle = {
  margin: 20,
  padding: 20,
  border: '2px solid gold'
}

const withLayout = Component => () => (
  <div style={layoutStyle}>

## politica_privacidade
<h2>Política de privacidade para <a href='http://localhost:3443'>conFusion</a></h2><p>Todas as suas informações pessoais recolhidas, serão usadas para o ajudar a tornar a sua visita no nosso site o mais produtiva e agradável possível.</p><p>A garantia da confidencialidade dos dados pessoais dos utilizadores do nosso site é importante para o conFusion.</p><p>Todas as informações pessoais relativas a membros, assinantes, clientes ou visitantes que usem o conFusion serão tratadas em concordância com a Lei da Proteção de Dados Pessoais de 26 de outubro de 1998 (Lei n.º 67/98).</p><p>A informação pessoal recolhida pode incluir o seu nome, e-mail, número de telefone e/ou telemóvel, morada, data de nascimento e/ou outros.</p><p>O uso do conFusion pressupõe a aceitação deste <a href='http://www.politicaprivacidade.com' title='acordo de privacidade'>Acordo de privacidade</a>. A equipa do conFusion reserva-se ao direito de alterar este acordo sem aviso prévio. Deste modo, recomendamos que consulte a nossa política de p

## watch-3.js
watch: {
  'usuario.indicacao': {
    deep: true,
    immediate: true,
    handler: function(oldVal, newVal) {
      console.log(oldVal, newVal)
    }
  }
}

## watch-2.js
watch: {
  usuario: {
    deep: true,
    immediate: true,
    handler: function(oldVal, newVal) {
      console.log(oldVal, newVal)
    }
  }
}

## v-model-1.html
<div id="app">
  <form>
    <table>
      <tr>
        <td><label for="nome">Nome</label></td>
        <td><input id="nome" type="text" v-model="usuario.nome"></td>
      </tr>
      <tr>
        <td><label for="login">Usuário</label></td>
        <td><input id="login" type="text" v-model.lazy="usuario.login"></td>

## watch-1.html
<div id="app">
  <label for="resposta">Quanto é 5 * 8?</label>
  <input type="text" v-model="resposta">
  <p v-if="acertou">{{ mensagem }}</p>
</div>

new Vue({
  el: "#app",
  data: {
    resposta: 0,

## computed-2.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      <div>
        <button @click="gerarIdade()">Gerar Idade</button>
        <p>Idade Gerada: {{ idade }}</p>

## computed-1.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      <h1>{{ tipoEntrada }}</h1>
    </div>


## v-if-else-2.html
<h1 v-if="idade < 12">Meia Entrada</h1>
<h1 v-else-if="idade >= 12 && idade < 65">Inteira</h1>
<h1 v-else>Idoso</h1>

...
data() {
  return {
    idade: 18
  }
}

## v-if-else.html
<h1 v-if="valido">Válido</h1>
<h1 v-else>Inválido</h1>

...
data() {
  return {
    valido: true,
  }
}
..
	import Header from './Header'

	const layoutStyle = {
	margin: 20,
	padding: 20,
	border: '2px solid gold'
	}

	const withLayout = Component => () => (
	<div style={layoutStyle}>
	watch: {
	'usuario.indicacao': {
	deep: true,
	immediate: true,
	handler: function(oldVal, newVal) {
	console.log(oldVal, newVal)
	}
	}
	}
	watch: {
	usuario: {
	deep: true,
	immediate: true,
	handler: function(oldVal, newVal) {
	console.log(oldVal, newVal)
	}
	}
	}
	<div id="app">
	<form>
	<table>
	<tr>
	<td><label for="nome">Nome</label></td>
	<td><input id="nome" type="text" v-model="usuario.nome"></td>
	</tr>
	<tr>
	<td><label for="login">Usuário</label></td>
	<td><input id="login" type="text" v-model.lazy="usuario.login"></td>
	<div id="app">
	<label for="resposta">Quanto é 5 * 8?</label>
	<input type="text" v-model="resposta">
	<p v-if="acertou">{{ mensagem }}</p>
	</div>

	new Vue({
	el: "#app",
	data: {
	resposta: 0,
	<html>
	<head>
	<title>Hello World Vue</title>
	<script src="https://unpkg.com/vue"></script>
	</head>
	<body>
	<div id="app">
	<div>
	<button @click="gerarIdade()">Gerar Idade</button>
	<p>Idade Gerada: {{ idade }}</p>
	<h1 v-if="idade < 12">Meia Entrada</h1>
	<h1 v-else-if="idade >= 12 && idade < 65">Inteira</h1>
	<h1 v-else>Idoso</h1>

	...
	data() {
	return {
	idade: 18
	}
	}
	<h1 v-if="valido">Válido</h1>
	<h1 v-else>Inválido</h1>

	...
	data() {
	return {
	valido: true,
	}
	}
	..