结果展示
标题在div 中调用
<div>
<p><span class="header">{{getTime()}}</span></p>
</div>
js代码部分
methods:{
getTime(){
var time = new Date();
var hours = time.getHours();
var state = '';
if(hours >= 0 && hours <=10){
state = "早上好!";
}else if(hours > 10 && hours <=14){
state = "中午好!";
}else if(hours > 14 && hours <=18){
state = "下午好!";
}else if(hours > 18 && hours <=24){
state = "晚上好!";
}
return state;
},
}