点击按钮跳出一个输入框，要求输入框弹出时就可以直接输入，无需点击，vue3代码是心

在Vue3中，要实现点击按钮直接显示并聚焦输入框的功能，可以使用v-model指令和自定义事件。首先，在模板部分，你可以创建一个按钮和一个隐藏的输入框，并绑定`@click`事件到输入框：

<template>
  <div>
    <button @click="showInput">立即输入</button>
    <input type="text" v-model="inputValue" ref="inputRef" :class="{ 'is-active': showInput }" @keydown.enter.prevent />
  </div>
</template>

然后，在script部分，设置data里边的初始状态，以及methods来控制输入框的显示：

<script>
export default {
  data() {
    return {
      inputValue: '',
      showInput: false,
    };
  },
  methods: {
    showInputHandler() {
      this.showInput = true;
      this.$refs.inputRef.focus();
    },
  },
};
</script>

在上面的代码中，`@click="showInput"`使得点击按钮会触发`showInputHandler`方法，该方法不仅将`showInput`设为`true`，还调用`focus()`方法让输入框获得焦点。`:class="{ 'is-active': showInput }"`用于动态改变输入框的样式，使其在`showInput`为真时可见。