|
|
@@ -6,23 +6,42 @@
|
|
|
<title>Document</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div id="app"></div>
|
|
|
+ <div id="app">
|
|
|
+ {{timer}}
|
|
|
+ </div>
|
|
|
<script src="../vue.js"></script>
|
|
|
<script>
|
|
|
+ // function formData() {
|
|
|
+ // var data = new Date();
|
|
|
+ // var year = data.getFullYear();
|
|
|
+ // var mouth = data.getMonth() + 1;
|
|
|
+ // var day = data.getDate();
|
|
|
+ // var hour = data.getHours();
|
|
|
+ // var minutes = data.getMinutes();
|
|
|
+ // var seconds = data.getSeconds();
|
|
|
+ // this.timer = year + '年' + mouth + '月' + day + '日' + hour + '时' + minutes + '分' + seconds + '秒'
|
|
|
+ // }
|
|
|
var app = new Vue({
|
|
|
el:"#app",
|
|
|
- data:{},
|
|
|
+ data:{
|
|
|
+ timer: null
|
|
|
+ },
|
|
|
+ // 第一种：生命周期 created 创建前
|
|
|
+ created() {
|
|
|
+ this.formData();
|
|
|
+ },
|
|
|
// 方法
|
|
|
methods: {
|
|
|
+ // formData
|
|
|
formData() {
|
|
|
var data = new Date();
|
|
|
var year = data.getFullYear();
|
|
|
var mouth = data.getMonth() + 1;
|
|
|
- var day = data.getDay();
|
|
|
+ var day = data.getDate();
|
|
|
var hour = data.getHours();
|
|
|
var minutes = data.getMinutes();
|
|
|
var seconds = data.getSeconds();
|
|
|
- var time =
|
|
|
+ this.timer = year + '年' + mouth + '月' + day + '日' + hour + '时' + minutes + '分' + seconds + '秒'
|
|
|
}
|
|
|
},
|
|
|
})
|
e