<p id="app">
  <span v-if="Hours <= 11">おはようございます</span>
  <span v-else-if="Hours <= 17">こんにちは</span>
  <span v-else-if="Hours <= 23">こんばんは</span>
  <span v-else-if="Hours <= 5">おやすみなさい</span>
  {{ message }}
</p>

//日時取得
var Date = new Date();
var Hours = Date.getHours();

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