Vue 使用axios擷取資料

標籤：catch   ons   def   res   www.   cnpm   rip   new   bsp   

axios  的使用

    1、安裝  cnpm  install  axios --save


    2、哪裡用哪裡引入axios

   

<script> import Axios from ‘axios‘;//引用外掛程式 export default { data() { return { list: [] } } , methods: { getData() { var api = ‘http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1‘; Axios.get(api).then((response) => {//注意這裡改為箭頭函數避免this指向問題 this.list = response.data.result; }).catch((error) => { console.log(error); }) } } }
</script>

Vue 使用axios擷取資料