Vue#1 - 설치 및 기본기
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속성도 데이터 바인딩이 가능하다.
- 데이터 보관
styleColor: 'color : blue'
- 데이터 사용
:속성="데이터이름" -> <h4 :style="styleColor">
배열은 배열이름[0] 이런식으로 출력한다.
Author And Source
이 문제에 관하여(Vue#1 - 설치 및 기본기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@shinoung2360/Vue1저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)