JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div id="app">
  <h1>you must send a message for help!</h1>
  
  <textarea v-model="message"></textarea>
  <!-- 이 버튼은 message가 존재하는 경우에만 출력 -->
  <button v-show="message">Send word to sllies for help!</button>
  <pre>
    {{$data}}
  </pre>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    message: 'Our king is dead send help!'
  }
 });