vue.js에서는 axios를 이용해 서버측 데이터를 간편하게 받아 올 수 있다.
<html>
<head>
<title>Vue with Axios</title>
</head>
<body>
<div id="app">
<button v-on:click="getData">프레임워크 목록 가져오기</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
new Vue({
el: '#app',
methods: {
getData: function(){
axios.get('https://raw.githubusercontent.com/joshua1988/doit-vuejs/master/data/demo.json')
.then(function(response){
console.log(response);
});
}
}
});
</script>
</body>
</html>
'Script > vue.js' 카테고리의 다른 글
| 템플릿 속성(computed, method, watch) (0) | 2020.01.15 |
|---|---|
| vue.js 컴포넌트간 통신 (0) | 2020.01.14 |
| vue.js 개발환경 구성 (0) | 2020.01.11 |
댓글