vue获取当前年份

作者：古枕清风发布日期:2026-02-09 浏览:32

// 在 Vue 组件中获取当前年份

<template>
  <div>
    <!-- 使用 currentYear 属性来显示当前年份 -->
    <p>当前年份是: {{ currentYear }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 通过 new Date().getFullYear() 获取当前年份
      currentYear: new Date().getFullYear()
    };
  }
};
</script>

<!-- 解释说明:
1. `new Date().getFullYear()` 是 JavaScript 中获取当前年份的方法。
2. 在 Vue 组件的 `data` 函数中，我们将当前年份存储在 `currentYear` 属性中。
3. 在模板中，我们使用双大括号语法 `{{ currentYear }}` 来动态绑定并显示当前年份。 -->

上一篇：vue extend

下一篇：vue.set()用法