当输入获得/失go 焦点时，是否有方法更改模型中的值？
这里的用例是一个搜索输入，在您键入时显示结果，只有当焦点在搜索框上时才会显示这些结果.
以下是我目前掌握的情况:
<input type="search" v-model="query">
<div class="results-as-you-type" v-if="magic_flag"> ... </div>
然后，
new Vue({
el: '#search_wrapper',
data: {
query: '',
magic_flag: false
}
});
这里的 idea 是，当搜索框有焦点时，magic_flag应该变成true.我可以手动完成(例如使用jQuery)，但我想要一个纯Vue.JS解决方案.