1. auto-focus属性：

   • 作用：指定输入框是否默认自动获得焦点。
   • 值：布尔值，true表示自动聚焦，false表示不自动聚焦。
   • 使用方法：直接将auto-focus属性赋值给input组件即可。
   • 示例：

     htmlCopy Code

     <input type="text" auto-focus="{{true}}" />

2. focus属性：

   • 作用：通过绑定一个变量，控制输入框的聚焦状态。
   • 值：任意类型，一般将它绑定到一个布尔型的data变量上，在变量值为true时聚焦输入框，为false时失去焦点。
   • 使用方法：使用双向数据绑定语法:将focus属性与一个变量绑定。
   • 示例：
     <input type="text" :focus="isFocused" />
export default { data() { return { isFocused: true // 或 false }; } }

总结：

• auto-focus是直接控制输入框是否自动聚焦，只需设置属性值为true或false。
• focus是绑定一个变量，在变量值为true时聚焦输入框，为false时失去焦点。可以通过修改绑定的变量值来控制输入框的聚焦状态。