<p id="app">
  こんにちは。
  <span v-show="Hours >= 18">いや、こんばんわ。</span>
  {{ message }}
</p>
//日時取得
var Date = new Date();
var Hours = Date.getHours();

//本文
var app = new Vue({
  el: '#app',
  data: {
    message: ' びゅう!'
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js