Edit in JSFiddle

/*
 * Version jQuery
 */
$('#version_jquery p.valor').hide();
$('#version_jquery div.advertencia').show();
$('#input_jquery').keyup(function(){
  var message = $(this).val();
  if(message) {
    $('#version_jquery p.valor').show();
    $('#version_jquery div.advertencia').hide();
  } else {
    $('#version_jquery p.valor').hide();
    $('#version_jquery div.advertencia').show();
  }
  $('#span_jquery').html(message);
});



/*
 * Version Vue.js
 */

new Vue({
    el: 'body',
    data: {
        message: ''
    }
});
<div class="container">
    <div class="row">
      
        <div id="version_jquery" class="col-xs-6">
            <h2>Versión jQuery</h2>
            <input type="text"
                   class="form-control"
                   id="input_jquery"
                   >
            <p class="valor">Valor: <span id="span_jquery"></span></p>
            <div class="advertencia alert alert-warning">Aún no he ingresado ningún texto</div>
        </div>
      
        <div id="version_vue" class="col-xs-6">
            <h2>Version Vue</h2>
            <input type="text"
                   class="form-control"
                   v-model="message"
                   >
            <p v-if="message">Valor: <span>{{ message }}</span></p>
            <div v-if="!message" class="alert alert-warning">Aún no he ingresado ningún texto</div>
            <p>{{ $data | json }}</p>
        </div>
    </div>
</div>