vue获取年份（vue 获取当前年份）

Vue获取年份

---

在Vue项目中，有时候我们需要获取当前的年份，以便在页面上展示或者进行一些逻辑操作。本文将介绍如何在Vue中获取当前年份的方法。

### 使用Date对象获取年份

我们可以使用JavaScript中的Date对象来获取当前的年份。在Vue中，可以通过以下代码来获取当前的年份：

```javascript

let now = new Date();

let year = now.getFullYear();

```

上面的代码中，我们首先创建一个Date对象now，然后使用now.getFullYear()方法获取当前的年份并赋值给变量year。

### 在Vue实例中获取年份

如果我们需要在Vue实例中获取当前的年份，可以在created钩子函数中使用Date对象获取年份，并将其保存在data属性中，供页面使用：

```javascript

new Vue({

el: '#app',

data: {

year: 0

},

created() {

let now = new Date();

this.year = now.getFullYear();

}

});

```

上面的代码中，创建了一个Vue实例，并在created钩子函数中使用Date对象获取当前年份并保存在实例的data属性中。

### 将年份展示在页面上

最后，我们可以在页面上展示当前的年份。在Vue的模板中，可以通过以下方式来展示年份：

```html

```

上面的代码中，使用双花括号插值语法将data属性中的year展示在页面上。

通过以上方法，我们就可以在Vue项目中获取当前的年份并在页面上展示出来。希望本文对你有所帮助！如果有任何疑问或者意见欢迎留言讨论。