https://forum.vuejs.org/t/putting-a-method-axios-inside-a-global-component/21729/2
axiosGet.js
export function axiosGet (url) {
return axios.get(url)
.then(function (response) {
return response.data.data;
})
.catch(function (error) {
return 'An error occured..' + error;
})
}
somehtml.html
//...
<script>
import { axiosGet } from './axiosGet'; // Filename would be axiosGet.js, you don't need the js extension when using import
var vm = new Vue({
el: '#app',
data: {
res: ''
},
created: function () {
this.loadData();
},
methods: {
loadData: function () {
this.res = 'Loading ...';
var vm = this;
vm.res = axiosGet('http://someapicall/api/appartment');
// OR
axiosGet('http://someapicall/api/appartment').then(data => vm.res = data);
}
}
});
</script>
'web > back + front' 카테고리의 다른 글
vue+flask 시작. 남이 만든 bootstrap 페이지 가져다가 쓰기. (0) | 2018.07.25 |
---|---|
vue+flask 시작 로그인 구현 4. vue에서 flask의 값 받아서 관리하기. vuex (0) | 2018.07.20 |
vue+flask 시작 로그인 구현 3. flask jwt authorization (0) | 2018.07.19 |
vue+flask 시작 로그인 구현 2. (0) | 2018.07.13 |
vue+flask 시작 로그인 구현 1. (0) | 2018.07.13 |