Vue개념-1

vue 는 공식문서가 잘 되어있음
cdn 만으로도 vue 시작할 수 있음
유지보수가 편리하게 하려면 npm
reactivility? 반응성이기 떄문에 인기가 좋음
확장 프로그램 vetur 설치
vue create 명령어로 vue 프로젝트 생성가능
git clone 이랑 npx degit이랑 차이점은 npx degit 은 버전내역이 삭제됨
use 에서 속성이 하나만 있으면 배열로 쓸 필요가 없음

cli - command line interface

pakage.json 에서
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},

이 부분은 Dev 와 동일

"rules": {} 에 코드 규칙을 써넣을 수 있음

eslint문서에서 void 는 빈태그 지칭
nomal 은 div 태그 지칭

"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
<= 이렇게 하면 eslint에서 에러가 발생하면 자동으로 고치고 저장해줌

APP.vue
export default {
components: { //이렇게 연결해줘야함
HelloWorld
},
data() {
return {
message: 'Hello Vue!!!'
}
}

<= 이렇게 연결해줘야함

<template>
    여기 HTML
</template>


<script>
 js 
</script>

<style>
css 
</style> 

기본 구성요소 3가지
이거를 싱글파일 컴포넌트라고 부름 style 태그는 필요없으면 지워도됨