在表单控件或者组件上创建双向绑定,其实就是给表单控件或者组件绑定数据。
双向数据绑定 input / select / textarea
{{ name }}
{{ age }}
// 实例化vue对象
new Vue({
el: '#vue-app', // element
data() {
return {
name: '',
age: 32
};
},
methods: {
logName() {
console.log('正在输入名字...');
},
logAge() {
console.log('正在输入年龄...');
}
}
});
#canvas {
width: 600px;
padding: 200px 20px;
text-align: center;
border: 1px solid #333;
}