如何用方法接收根组件中的数据?

Question

我想了解Vue是如何工作的。我正在尝试的方法只是在Vue中使用方法接收数字"1"。代码执行给我"未定义"。为什么?

<div id="form">
<button v-on:click="submitProduct">Save</button>
</div>
<script>
var someForm = Vue.createApp ({
methods: {
submitBtn: function(){
someForm.showdata
},
showData: function(){
return 1
}
}
})
</script>

Answer 1

尝试将返回的数据分配给一个变量，然后使用alert或console.log显示它a,d使用this而不是someForm:

var someForm = Vue.createApp ({
methods: {
submitBtn: function(){
let data=  this.showData();
alert(data);
},
showData: function(){
return 1
}
}
})