반응형
methods: {
btcTrkAPICall: function () {
axios
.get('https://www.api1.com/api/ticker')
.then(response => (this.btctrk = response.data))
.catch(error => console.log(error))
},
bnncAPICall: function () {
axios
.get('https://api.api2.com/api/v3/ticker/bookTicker')
.then(response => (this.bnnc = response.data))
.catch(error => console.log(error))
},
intervalFetchData: function () {
setInterval(() => {
this.btcTrkAPICall();
this.bnncAPICall();
}, 1000);
}
},
mounted () {
// Run the functions once when mounted
this.btcTrkAPICall();
this.bnncAPICall();
// Run the intervalFetchData function once to set the interval time for later refresh
this.intervalFetchData();
}
반응형
':::: 개발 :::: > ::: Vue:::' 카테고리의 다른 글
vue input 실시간 확인 (input 이 비어있거나 혹은 공백 처리) (0) | 2023.10.13 |
---|---|
vue accessing the dynamic ref 다이나믹 ref 생성 (0) | 2023.08.28 |
webpack 오류 vue-loader was used without the corresponding plugin (0) | 2023.08.13 |
lodash _.remove 가 잘 안됨 (0) | 2023.08.10 |
vue tree menu test code (0) | 2023.08.01 |
가져온 object에서 특정 key 제외 출력 (0) | 2023.07.12 |
vue SSO 작업 중 error 해결 정리 (0) | 2023.02.07 |
회사에서 npm install 안될때 (0) | 2023.01.26 |