How to focus on multiple elements in vue.js?

Question

Vue.js

There is a task: it is required to show a block with text when focusing on input and select in the form, I found an option on the toaster How to catch focus on input in vue.js? but if there are several inputs, then when you click on any of them, the text will appear everywhere. It is necessary that when you click on one input, one block appears, when you click on the second - the second block, and by analogy. This is necessary for a very large form in a few steps, I decided to abandon jQuery and start with Vue.js, since there is much less code in vue. I will be grateful for help

Answer 1

data: () => ({
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  focused: null,
}),

<div v-for="(n, i) in items">
  <input @focus="focused = i" @blur="focused = null">
  <span v-show="focused === i" v-text="n"></span>
</div>

https://jsfiddle.net/5sxkjatg/