v-bind、v-on、v-model(Vue2)

属性绑定:
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