关于 focus()

methods: {
    focus() {
        this.$refs.input && this.$refs.input.focus();
    },

    clear() {
        this.query = '';
    },

    reset() {
        this.clear();
        this.focus();
    },
}

请问老师：

为什么 在点击 close icon 的时候，需要使用 this.$refs.input.focus(); （将焦点放在close图标上）？

直接使用  clear () 清除 内容不行吗？

请老师解惑，谢谢您。