Javascript 如何将输入数据与span text绑定？

我是Vue.js的新手。我正试图将输入字段的数据与span数据绑定，但它不会追加span数据，因为它告诉我

未定义

代码：-


newvue({
el:“应用程序”，
数据：{
柜台:0,，
x:0,，
y:0，
姓名：“你好”
},
方法：{
增量：函数（步骤$event）{
this.counter+=步进
},
减量：函数（步骤$event）{
此计数器-=步骤
},
要点：功能（事件）{
this.x=event.clientX；
this.y=event.clientY；
},
警报：功能（事件）{
警报（“警报！”）
},
更改：功能（值）{
this.name=this.name+值
}
}
});

{{name}}
您对
更改方法的参数是错误的。使用这个：


您可以在中获得有关此的更多信息。
如果我理解正确，您希望在span标记中反映输入值。因此，您必须将
名称
值绑定到
输入
，就像您使用
v-model
将其绑定到span标记一样，否则您所做的一切都是正确的


现在，完成上述操作后，代码将反映对span标记内文本框的任何更改


newvue({
el:“应用程序”，
数据：{
柜台:0,，
x:0,，
y:0，
姓名：“你好”
},
方法：{
增量：函数（步骤$event）{
this.counter+=步进
},
减量：函数（步骤$event）{
此计数器-=步骤
},
要点：功能（事件）{
this.x=event.clientX；
this.y=event.clientY；
},
警报：功能（事件）{
警报（“警报！”）
},
更改：功能（值）{
this.name=this.name+值
}
}
});

{{name}}