Vue#1 - 설치 및 기본기

1522 단어 vuevue

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'
  1. 데이터 사용
:속성="데이터이름"  -> <h4 :style="styleColor">

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

좋은 웹페이지 즐겨찾기