我们可以使用 Vue.js 中的 v-model 指令来完成表单数据的双向绑定。
1 基础用法
1.1 文本输入框(text)
这里演示了在文本输入框上输入的内容,会实时映射到绑定的数据上。
html:
<div id=app>
<input type=text v-model=content placeholder=请输入>
<p>输入框:{{content}}</p>
</div>
js:
[removed]
var app = new Vue({
el: '#app',
data: {
content: ''
}
});
[removed]