Tutorial Vue JS

Ambil data dari API

<script>
import "axios" from axios;

export default {
   name: "NamaFile",
   components: {
     carousel
   },
   data() {
     return {
        products: [ ]
        };
     },
   mounted() {
     axios
       .get("http://linkapinya")
       .then(res => (this.products = res.data.data.data))
       .catch(err => console.log(err));
     }
};
</script>

Data dari API yang diambil akan disimpan/di return kedalam variable products.

Untuk link API di ambil menggunakan axios dengan meletakannya didalam mounted(), .get berisi link yang digunakan untuk mengambil data API, .then berfungsi untuk mengembalikan nilai jika data berhasil diambil. res.data.data.data merupakan lokasi data yang akan kita ambil.