반응형

npm 5

[Vue.js] 싱글 파일 컴포넌트에서 axios 통신

post 방식으로 데이터 전송 #ajax 통신 위한 lib 설치 npm i axios App.vue id: password: login get방식으로 데이터 조회 조회 queryString(?empId=dev&empNm=로다주&empEmail=dev@naver.com) 추가 시 아래처럼 사용 const data = { empId: this.empId, empNm: this.empNm, empEmail: this.empEmail } //2번 째 인자값에 위에서 만든 object 추가 axios.get(url, { data }) reference: https://www.inflearn.com/course/lecture?courseSlug=age-of-vuejs&unitId=21471&tab=curriculu..

IT/development 2023.07.29

[Vue.js] 싱글 파일 컴포넌트에서 컴포넌트 사용

하위 컴포넌트 import 후 사용 App.vue app AppHeader.vue Welcome to My App reference: https://www.inflearn.com/course/lecture?courseSlug=age-of-vuejs&unitId=21464&tab=curriculum 학습 페이지 www.inflearn.com 2023.07.29 - [IT/development] - [Vue.js] 싱글 파일 컴포넌트에서 props 속성 이용 [Vue.js] 싱글 파일 컴포넌트에서 props 속성 이용 App.vue app AppHeader .vue {{ propsdata }} yaga.tistory.com 2023.07.29 - [IT/development] - [Vue.js] 싱글 파일 ..

IT/development 2023.07.29

[Vue.js] Vue CLI(Command Line Interface)

목차 터미널 명령어를 통해 Vue.js 개발환경을 더 쉽게 해주는 도구라고 보면 되고 아래와 같은 기능을 제공한다. 자바로 따지면 레거시 스프링을 사용하다 스프링부트를 만난 기분인 듯 프로젝트 생성 개발서버 실행 프로덕션 빌드 추가 플러그인 설치 vue.js의 기본 설정 및 구성을 쉽게 변경할 수 있는 설정 파일과 옵션 제공 ※ 사전에 npm 최신버전(LTS 권장) 설치 되어 있어야 함 설치(npm 또는 yarn으로 설치) 😃 npm install -g @vue/cli # OR yarn global add @vue/cli vue project 생성 🙂 vue create my-project#(생성할 프로젝트 명) # OR vue ui vue project를 생성할 경로로 이동 후 명령어 입력 시 프리셋을..

IT/development 2023.07.29
반응형