[Vue] #1 - vue 프로젝트 시작하기

1. vue 프로젝트 생성 명령

vue create 프로젝트명

App.vue가 메인페이지다.

2. 웹 브라우저로 실행하는 명령

npm run serve


3. 데이터 바인딩 - 자바스크립트 데이터를 HTML에 꽂아넣는 문법

vue의 데이터 보관하는 곳

export default{
name: 'App',
data(){
     return{
         /* [여기에 데이터 보관] */
        }
    },
    methods : {
     함수명(){
          
        },
    },
    component: { 
      
    }
}

데이터는 object자료로 저장한다.
==> { 자료이름: 자료내용 }

 4. 템플릿에 데이터 넣는법
{{ 데이터이름 }}  -> {{ }} 자동 렌더링을 가능하게 해준다.


 5. HTML속성도 데이터 바인딩이 가능하다.
 1. 데이터 보관
styleColor: 'color : blue'

2. 데이터 사용
:속성="데이터이름"  -> <h4 :style="styleColor">

배열은 배열이름[0] 이런식으로 출력한다.