Robson Gomes robsongomes

## nav.html
<ul class="navbar-nav mr-auto">
  <li class="nav-item" th:classappend="${#request.getRequestURI()} == @{/home/} ? 'active' : ''">
    <a class="nav-link" href="#" th:href="@{/home/}">Home</a>
  </li>
  <li class="nav-item" th:classappend="${#request.getRequestURI()} == @{/about/} ? 'active' : ''">
    <a class="nav-link" href="#" th:href="@{/about/}">About</a>
  </li>
</ul>

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


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


## hello-world-vue-3.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app" />

    <script>
      var data = { msg: 'Hello World' }

## template-multiline.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app" />

    <script>
      var data = { msg: 'Hello World' }

## template-reference.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app" />
    <template id="meuTemplate">
      <div class="container">
        <h1>{{ msg }}</h1>

## methods-1.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      {{ gerarMensagem('Olá Mundo') }}
      <h1>{{ msg }}</h1>
    </div>

## methods-2.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      <input type="text" v-on:input="gerarMensagem" />
      <h1>{{ msg }}</h1>
    </div>

## methods-3.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      <button v-on:click="counter++">Contar Cliques</button>
      <h1>Você apertou o botão {{ counter }} vez(es)</h1>
    </div>

## methods-event-modifier-1.html
<html>
  <head>
    <title>Hello World Vue</title>
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="app">
      <form>
        <button type="submit" @click="increment">Incrementar</button>
      </form>
	<html>
	<head>
	<title>Hello World Vue</title>
	<script src="https://unpkg.com/vue"></script>
	</head>
	<body>
	<div id="app">
	<h1>{{ msg }}</h1>
	</div>