Vue 3新特性解析：在setup函数中获取元素引用

Vue 3是一款流行的JavaScript框架，它提供了许多强大的功能和特性，使前端开发更加便捷和高效。其中一个令人兴奋的新特性是在Vue 3的setup函数中获取元素引用的能力。在本文中，我们将详细介绍如何使用这个新语法，并提供相应的源代码示例。

在Vue 3之前的版本中，我们通常使用ref()函数来获取DOM元素的引用。但是，在Vue 3中，我们可以直接在setup函数中使用新的ref或toRef函数来获取元素引用。这是一个非常方便的特性，因为在组件的生命周期内，我们经常需要直接操作DOM元素。

下面是一个简单的示例，展示了如何在Vue 3中使用setup函数来获取元素引用：

<template>
  <div>
    <button ref="myButton" @click="handleClick"