vue3 获取当前年

在 Vue3 中，你可以使用 JavaScript 的 Date 对象来获取当前年份。具体代码如下：

<script>
export default {
  data() {
    return {
      currentYear: new Date().getFullYear()
    }
  }
}
</script>

在上面的代码中，我们通过 `new Date().getFullYear()` 获取当前年份，并将其赋值给 `currentYear` 变量。你可以在 Vue 模板中使用 `{{ currentYear }}` 来显示当前年份。

相关问题

vue3获取router

在 Vue 3 中，获取路由器（router）可以通过 `useRouter` 函数来实现。该函数是从 `vue-router` 包导出的一个钩子函数，用于在组件中获取路由器实例。

首先，确保已经安装了 `vue-router` 包。可以通过以下命令使用 npm 进行安装：

npm install vue-router

然后，在组件中使用 `useRouter` 钩子函数来获取路由器实例。以下是一个示例：

<template>
  <div>
    <!-- 在模板中使用路由器 -->
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
  </div>
</template>

<script>
import { useRouter } from 'vue-router';

export default {
  name: 'MyComponent',
  setup() {
    // 使用 useRouter 获取路由器实例
    const router = useRouter();

    // 在组件中可以访问路由器的各种属性和方法
    console.log(router.currentRoute.value);  // 当前路由信息
    console.log(router.push);  // 跳转至指定路由

    return {};
  },
};
</script>

通过 `useRouter` 钩子函数，我们可以在组件中访问到路由器的各种属性和方法，比如当前路由信息、跳转至指定路由等。

vue3 获取数组长度

获取数组长度的方法在Vue3中与JavaScript中相同，可以使用数组的length属性来获取。下面是一个例子：

const arr = [1, 2, 3, 4, 5];
const len = arr.length;
console.log(len); // 输出：5

如果你想在Vue3中获取响应式数组的长度，可以使用Vue3提供的`ref`函数来创建一个响应式对象，然后将数组赋值给这个对象。这样，当数组发生变化时，这个响应式对象的值也会相应地更新。下面是一个例子：

import { ref } from 'vue';

const arr = ref([1, 2, 3, 4, 5]);
const len = arr.value.length;
console.log(len); // 输出：5

// 当数组发生变化时，len的值也会相应地更新
arr.value.push(6);
console.log(len); // 输出：6