v-model指令:
- 在表单 input 和 textarea 元素上创建双向数据绑定。
- 根据 input 的 type 类型自动地以正确的方式更新元素。
- 会忽略所有表单元素中 value, checked 或 selected 属性上初始设置的值。
- 将 Vue 实例中的 data 作为真实数据来源。
单行文本
<div id="app1">
<input v-model="message" placeholder="编辑">
<p>message是:{
{ message }}</p>
</div>
// 单行文本
var app1 = new Vue({
el:'#app1',
data:{
message:null
}
})
多行文本
<div id="app2">
<span>多行文本message是:</span>
<p style="white-space: pre-line;">{
{ message }}</p>
<