- Vue app to get crypto currency price data from a CryptoCompare API.
- Note: to open web links in a new window use: ctrl+click on link
- Axios used to get API data.
- Data displayed using one-way data-binding and a v-for loop.
- Vue v2 framework
- Vue Router v3 the official router for Vue.js
- Vue CLI v3 interface
- Axios v0.21.0, a promise-based http client, is used to consume API data.
- Vue DevTools extension for Chrome.
- Run
npm ito install dependencies - Run
npm run lintto lint and autofix files - Run
npm run testto runs tests - no tests specified - Run
npm run servethen navigate tohttp://localhost:8080/. The app will automatically reload if you change any of the source files. - Run
npm run buildto compile and minify for production
* Extract from Hello.vue: function to get cryptocurrency data from the API
created () {
const fsymsList = 'BTC,XRP,BCH,ETH,ZEC,EOS,XMR,ETC,LTC,DASH,QTUM,NEO,XLM,TRX,ADA,BTS,USDT,XUC,PAX,IOT';
axios.get('https://min-api.cryptocompare.com/data/pricemulti?fsyms=' + fsymsList + '&tsyms=USD')
.then(response => {
this.cryptos = response.data
console.log(response)
})
.catch(e => {
this.errors.push(e)
});
}- uses the new Vue3 CLI.
- Status: Working.
- To-Do: add functionality. Try deploy again with correct build path
- This project is licensed under the terms of the MIT license.
- Repo created by ABateman, email: [email protected]
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent