Vue3 [Vue] Axios를 이용한 통신 - Get/Post/Delete 등 Vue 통신 vue 내에서 axios를 이용해서 통신하는 방법을 구현해 보았습니다. get data // vue에서의 foreach 같은 문법 {{ item }} // 혹은 {{ item.name }} {{ item.telephone }} 위의 방법대로 axios 뒤의 get 값을 post, delete 등으로 수정하시면 활용이 가능합니다. post시 데이터를 넣어줄 때에는 postContact: function() { axios.post("주소",{ name: this.name, telephone: this.telephone }) .then(response => this.addedContact = response.data) .catch(function(error) { console.log(error);.. 2020. 1. 8. [Vue] Rest Api, http 통신하는 법 / Axios https://joshua1988.github.io/vue-camp/vue/axios.html Axios | Cracking Vue.js 액시오스 뷰에서 권고하는 HTTP 통신 라이브러리는 액시오스(Axios)입니다. Promise 기반의 HTTP 통신 라이브러리이며 상대적으로 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어 있고 API가 다양합니다. 액시오스 설치 프로젝트에 액시오스를 설치하는 방법은 CDN 방식과 NPM 방식 2가지가 있습니다. CDN 방식 NPM 방식 액시오스 사용방법 라이브러리를 설치하고 나면 axios라는 변수에 접근할 수 있게 됩니다. axios 변수를 이 joshua1988.github.io https://www.npmjs.com/package/axios axios P.. 2020. 1. 7. [Vue] 뷰 프로젝트 생성 및 서버 시작하기 Vue.js 공식 홈페이지를 봐도 프로젝트 생성하고 실행을 설명하는 부분을 찾지 못해서 작성합니다. 해당 내용은 공식 홈페이지에서 제공하는 동영상 가이드를 보고 정리한 것입니다. https://www.vuemastery.com/courses/real-world-vue-js/vue-cli Vue CLI 3 - Creating our Project - Real World Vue.js | Vue Mastery Learn how to create a project with Vue CLI 3 from the command line and with the Vue UI. Then learn how the project is structured and how the app is getting loaded. www.vu.. 2020. 1. 5. 이전 1 다음