vue3获取当前年份

在Vue3中获取当前年份的方法可以通过使用JavaScript的Date对象来实现。你可以使用Vue的`setup()`函数来定义一个`currentYear`变量，并在其中使用Date对象获取当前年份。具体的代码如下所示：

import { ref } from 'vue';

setup() {
  const currentYear = ref(new Date().getFullYear());

  return {
    currentYear
  };
}

在上面的代码中，`ref()`函数用于创建一个响应式的数据，`new Date().getFullYear()`用于获取当前年份，并将其赋值给`currentYear`变量。之后，你就可以在Vue模板中使用`currentYear`变量来展示当前年份了。

<template>
  <div>
    当前年份：{{ currentYear }}
  </div>
</template>

这样，当你在浏览器中运行这段代码时，就会显示出当前的年份。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue 获取当前年月日](https://blog.csdn.net/weixin_44590591/article/details/122580542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [vue获取当前时间(年月日时分秒)](https://blog.csdn.net/qq_33235680/article/details/122113280)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]