Javascript Vue.js-尝试存储和显示Vue axios响应数据时未定义axios

我似乎无法在浏览器中获取、存储和显示数据。我尝试了这个，当点击

getData

按钮时，我得到了

undefined

newvue({
el:“#应用程序”，
数据：{
收到的数据：“”，
},
方法：{
getData（）{
axios.get（）https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD')
.然后（功能（响应）{
this.dataReceived=this.response；
console.log（this.dataReceived）；
返回此.dataReceived；
})
}
}
})

获取数据
dataReceived:{{dataReceived}}

您缺少

axios

库，请按如下方式添加它：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

获取数据
dataReceived:{{dataReceived}}

我想在

@boussadjrarahim

的优秀答案中添加一点，您需要在

中使用胖箭头符号，然后
回调以确保
this
关键字绑定到您的Vue实例。否则，您收到的
数据将保持空白


newvue({
el:“#应用程序”，
数据：{
收到的数据：“”，
},
方法：{
getData（）{
axios.get（）https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD')
。然后（（响应）=>{
this.dataReceived=response.data；
console.log（this.dataReceived）；
返回此.dataReceived；
})
}
}
})

获取数据
dataReceived:{{dataReceived}}