뷰 개요

  • vue create <프로젝트명>으로 세팅 가능하다.
    • sudo npm install -g @vue/cli 설치 필요
  • vue webpack-simple <프로젝트명>으로 세팅 가능하다.
    • sudo npm install -g @vue/cli-init 설치 필요
  • npm run dev로 로컬 서버 확인 가능.

컴포넌트

전역 컴포넌트

1
Vue.component('컴포넌트 이름', 컴포넌트 내용);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Vue.component('app-header', {
template: '<h1>header</h1>'
});

;```

### 지역 컴포넌트
```javascript
new Vue({
el: '#app',
components: {
'컴포넌트 이름': 컴포넌트 내용
}
})
1
2
3
4
5
6
7
8
new Vue({
el: '#app',
components: {
'app-footer': {
template: '<footer>footer</footer>'
}
}
})

REFERENCE

  • 인프런 온라인 강의 Vue.js 시작하기 - Age of Vue.js _ 장기효 강사님
  • 인프런 온라인 강의 Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex _ 장기효 강사님
  • © 2020-2025 404 Not Found
  • Powered by Hexo Theme Ayer