Vue 3 的 Composition API 引入了 watch函数，用于观察一个或多个响应式数据，并在数据发生变化时执行相应的回调函数。本文是一个 watch的使用教程。

在 Vue 3 中，emit是组件间通信的一种重要方式，通常用于子组件向父组件发送消息。以下是一个关于如何在 Vue 3 中使用 emit 的详细教程。

在 Vue 3 和 Vite 项目中配置 Less，你需要遵循以下步骤：首先，你需要在项目中安装 Less 。在项目的根目录下运行以下命令

vue3 setup 中使用 $router。由于 vue3 中 setup 里面不能使用 this，所以在 setup 中不能使用直接使用 this.$router。import { defineComponent } from 'vue' import { useRouter } from 'vue-router' export default defineComponent({ ... setup() { const router = useRouter() const onLogin = () => { router.push({ path: '/account/login', }) } return { onLogin, } }, });

ref和reactive是 Vue 3 的 Composition API 中提供的两个响应式数据声明方法，它们都是 Vue 3 中实现响应式数据的关键手段。然而，它们在使用方式和适用场景上有所不同。

在 vue 中如何获取父组件 .vue 文件的路径呢？在 vue 中获取父组件文件路径的方法非常简单，我们可以通过 getCurrentInstance().parent.type.__file 来获取。

在 vue 中如何获取自身 .vue 文件的路径呢？在 vue 中获取自身文件路径的方法非常简单，我们可以通过 $options.__file 来获取。

defineExpose 是 Vue 3 中的一个宏函数，主要用于在 script setup 中显式地暴露组件的属性或方法，以便父组件能够访问它们。这种方式提高了组件间接口的明确性和可维护性。本文将详细介绍 defineExpose 的用法，包括其基本使用、示例以及注意事项。

Ant Design中date-picker组件设置mode="month"或mode="year"后无法获取到value及关闭选择面板的解决方法

本文总结一下 vue jsx 的常用写法。