v-model
<ul>
<li>双向绑定</li>
</ul>
<pre><code class="language-javascript">&lt;template&gt;
&lt;input type=&quot;text&quot; v-model=&quot;message&quot;&gt;
&lt;div&gt;{{ message }}&lt;/div&gt;
&lt;/template&gt;
&lt;script setup&gt;
import { ref, reactive } from &quot;vue&quot;;
let message = ref(&quot;&quot;)
&lt;/script&gt;</code></pre>
<hr />
<ul>
<li>lazy：失去焦点才绑定</li>
</ul>
<pre><code class="language-javascript">&lt;template&gt;
&lt;input type=&quot;text&quot; v-model.lazy=&quot;message&quot;&gt;
&lt;div&gt;{{ message }}&lt;/div&gt;
&lt;/template&gt;
&lt;script setup&gt;
import { ref, reactive } from &quot;vue&quot;;
let message = ref(&quot;&quot;)
&lt;/script&gt;</code></pre>