vue 기본

1. node.js 다운로드

2. 프로젝트 폴더 생성(최상위폴더)

3. window + r >> powershell 검색

4. Set-ExecutionPolicy RemoteSigned >> y

    또는 Set-Executionpolicy -Scope CurrentUser RemoteSigned >> Y

    (무반응이면 됨)

5. 생성한 폴더 vs code화면 메인에 드래그해서 열기

6. 새 터미널 열기

7. npm create vite@lastest >> porject file 이름 작성

8. cd 경로 경로 >>원하는 폴더로 경로 지정

9. npm install (vue를 원활하게 사용도록 설치)

10. npm run dev (미리보기 주소 제공)

11. src 폴더 안에 있는 App.vue >> 최상위 파일(항상 여기서 미리보기 실행)

12. components 폴더 안에 있는 helloVue.vue 파일 삭제

13. main.js >> import css/style.css 지우기

14. App.vue 안에 잇는 내용 지우기 (template태그 제외)

 

-

 

v-bind  >> script의 데이터를 불러올 때

 

{{ 변수명 }} >> html의 데이터 값을 불러올 때

 

v-if >> 조건이 참일때

v-else >> 조건이 거짓일 때

v-if-else >>조건이 여러건일때

v-for >>반복

 

export >> 내보내기

import >> 가져오기

 

data() >> 변수명에 저장할 데이터를 입력하는 함수

computed: >> 계산하는 계산식을 작성

    삼항 연산자 >> 조건? "참" : "거짓"

    연산자 >> =값을 적용 

        ㄴ==같다 , ===타입과 데이터 모두 일치9

 

return >> 값을 반환함

this >> 해당 요소 지정

.trim() >> 공백 인식하지 않게 할때

 

v-model >> 양방향 바인딩

    ㄴ사용자의 입력값을 받아 데이터에 저장 후 출력

 

event >> 사용자가 행동했을 때 출력

    JS >> EddenventListenter. 이벤트()

    Vue >> v-on: //@