Vue - 表单

表单输入绑定

用 v-model 指令在表单 及 </code> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 <code>v-model</code> 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。<br></br><br></br></p> <h3 id="文本">文本</h3> <pre><code><div id="app"><input v-model="message" type="text" placeholder="edit me"><p>Message is: { {message}}</p> </div> <script> new Vue({el: '#app',data: {message: ' '} }) </script></code></pre> <p><img referrerpolicy="no-referrer" src="https://images2018.cnblogs.com/blog/1321525/201806/1321525-20180607071159689-2079335351.gif" alt="1321525-20180607071159689-2079335351.gif"></img><br></br><br></br></p> <h3 id="多行文本">多行文本</h3> <pre><code><div id="app"><textarea v-model="message" type="text" placeholder="add multiple lines">

Multiline is:

{ {message}}