$el未定义，而$ref在Vuejs3中有对象

$el未定义是因为在Vue.js中，$el是一个特殊属性，它表示当前组件实例所关联的DOM元素。在组件创建和挂载之前，$el是未定义的。只有在组件实例挂载到DOM后，才能访问和操作$el属性。

而在Vue.js 3中，$ref是一个新的特殊属性，它用于在模板中给元素或子组件注册引用。通过$ref可以访问到被注册引用的元素或子组件实例。$ref可以在模板中通过ref属性进行声明，并在组件实例中使用。需要注意的是，$ref只能在模板中访问和使用，而不能在组件实例代码中直接访问。

例如，在Vue.js 3中，我们可以在模板中声明一个ref，并将其绑定到一个元素上：

<template>
  <div>
    <input ref="myInput" type="text" />
    <button @click="focusInput">Focus Input</button>
  </div>
</template>

然后，在组件实例的代码中，可以使用$ref来访问被注册引用的元素：

<script>
export default {
  methods: {
    focusInput() {
      this.$ref.myInput.focus();
    }
  }
}
</script>

在上述代码中，当点击按钮时，focusInput方法会通过this.$ref.myInput访问到被注册引用的input元素，并将焦点设置到该元素上。

需要注意的是，Vue.js 3中的$ref是一个响应式的对象，它会随着组件实例的更新而更新。这意味着，当组件重新渲染时，$ref所引用的元素也会被更新。

关于Vue.js 3的更多信息和介绍，可以参考腾讯云的Vue.js云开发产品：Vue.js云开发。