<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: ' びゅう!'
}
})
This Pen doesn't use any external CSS resources.