Vue 정리

국비지원으로 3일(7시간)으로 배운 과정으론 부족하다 판단하여 유튜브를 추가 시청하기로 한다..

내용 정리

참고 - 유튜브 "4시간만에 완벽하게 끝내는 Vuejs"

https://www.youtube.com/watch?v=b0ImUEsqaAA&t=7245s 

 

전체적으로 내용은 정말 입문, 국비로 배운 내용도 많아서  거의 스킵..

(정말 생 기초하시는 분들에겐 추천!)

복습한다 치고 들었으나 국비 다시 복습하며 내가 심화를 찾아보기로..

 

 

vue가 생각보다 유튜브든 구글에 많은 정보가 없어서 서점 가서 봐둔 책 아니면

인프런에 vue실전강의 있길래 그거 들어볼 생각이다

---

1.바인딩(Binding)이란 묶는다는 의미로, 웹 프로그래밍에서는 UI를 통해 표시하고자 하는 데이터를 실제 데이터와 연결해 주는 프로세스를 의미

-단방향 바인딩, 양방향 바인딩

 

2.snippets 템플릿 코드 추가 (굉장히 유용한 듯, 맨날 메모장에 코드 적어놓고 복붙했는데ㅠ)

파일 -> 기본설정(preference) -> 사용자 코드 조각 구성(user snippets) - 윈도우 기준

맥은 code->preference 를 따라가면 있다고 한다.

 

클릭 후 -> vue 검색

 

코드 작성 후 저장

	"Generate Basic Vue Code":{
		"prefix":"vue-start",
		"body": [
			"<template>\n<div></div>\n</template>\n<script>\n\nexport default{ \n\tname:'',\n\tcomponents:{},\n\tdata(){\n\t\treturn{\n\t\t\tsampleData:''\n\t\t};\n\t},\n\tsetup(){},\n\tcreated(){},\n\tmounted(){},\n\tunmounted(){},\n\tmethods:{}\n}\n</script>"
		],
		"description": "Generate Basic Vue Code"
	}

 

vue-start만 봐도 코드가 자동 작성된다.

 

3.vue에서는 v- 로 문법이 시작된다. ->  v-디렉티브라 한다.

v-html

문자열 추가 된 경우, 디렉티브로 추가 된 경우