閏年を導き出す関数を作れといえば出来ますが
こんな方法があったとは
書籍からの引用ですみませんが
HTML(main.html)
-----------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div id="app">
調べたい年 : <input type="text" v-model="year"><br>
{{year}}年は{{isUrudoshi ? 'うるう年です' : 'うるう年ではありません'}}
</div>
<script src="https://jp.vuejs.org/js/vue.js"></script>
<script src="main.js"></script>
</body>
</html>
---------------------------------------------
Javascript(main.js)
---------------------------------------------
var app = new Vue({
el: '#app',
data: {
year: (new Date()).getFullYear()
},
computed: {
isUrudoshi: function() {
if ((this.year%4 == 0) && (this.year%100 != 0) || (this.year%400 == 0)) {
return true;
} else {
return false;
}
}
}
});
-------------------------------------------
結果
調べたい年 : |2020 |
2020年はうるう年です