vue 获取当前年份

作者：ンц枫飄落发布日期:2025-02-16 浏览:138

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

<template>
  <div>
    <!-- 使用 {{ currentYear }} 插值语法来显示当前年份 -->
    <p>当前年份是: {{ currentYear }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 定义一个 data 属性 currentYear，并通过 new Date().getFullYear() 获取当前年份
      currentYear: new Date().getFullYear()
    };
  }
};
</script>

<!-- 解释说明：
1. `new Date().getFullYear()` 是 JavaScript 内置方法，用于获取当前日期的年份。
2. 在 Vue 组件中，我们可以通过 `data` 函数返回一个对象，该对象中的属性可以在模板中通过插值语法 `{{ }}` 来使用。
3. 这里我们将当前年份存储在 `currentYear` 变量中，并在模板中显示它。 -->

上一篇：vue获取元素高度

下一篇：vue2 监听