閱讀前,建議可以參考Day1:閱讀指南&為何選擇這個題目?
題目:三十天用Vue.jS打造一個網路商城
挑戰內容:利用慕課網(IMOOC)的「Vue2.0+Node.js+MongoDB 全棧打造商城系統」&六角學院的「Vue出一個電商網站」的課程嘗試在30天內打造網路商城。
本篇性質:純粹學習進度的紀錄
,不會有詳細的教學或解釋,因此不適合
認真閱讀
安裝axios和vue-axios
vue init webpack
npm install --save axios vue-axios //要用save才能存到json檔案
import vue from vue
import vueaxios from vue-axios
import axios from axios
vue.use(axios,vueaxios)
去app.vue使用AJAX,使用 this.$http.get(api).then(response => { console.log(response);});
<script>
export default {
name: "App",
created() {
const api = `//api網址`;
this.$http.get(api).then(response => {
console.log(response);
});
}
};
</script>
這是第二次遇到axios的使用,還蠻興奮的(興奮什麼XD