vue input组件的聚焦和失焦

对于Vue中的input组件，可以通过v-focus指令来实现聚焦。具体实现方式如下：

1. 在需要聚焦的input标签上添加v-focus指令，如下所示：

<input v-focus>

2. 在Vue实例中定义v-focus指令，如下所示：

Vue.directive('focus', {
    inserted: function (el) {
        el.focus();
    }
})

3. 当input标签被插入到DOM中时，会自动触发inserted钩子函数，从而使该input标签聚焦。

对于失焦，可以通过在input标签上绑定blur事件来实现。具体实现方式如下：

1. 在input标签上绑定blur事件，如下所示：

<input v-on:blur="handleBlur">

2. 在Vue实例中定义handleBlur方法，如下所示：

methods: {
    handleBlur: function () {
        console.log('input失焦了');
    }
}

3. 当该input标签失焦时，会自动触发handleBlur方法，从而实现失焦的效果。