属性绑定:
v-bind: 简写:
事件绑定:
v-on: 简写@
双向绑定:
v-model: 简写 v-model
以van-field为例:
<van-field v-model="content" label="文本" placeholder="请输入内容" />
<div>这里是field输入的内容:{{content}}</div>
data() {
return {
content: 'Hello'
}
},
初始:
image.png
在输入框内继续输入内容，下方就会跟着改变:
image.png
