유블로그

[Vuejs] SFC(Single File Component) 본문

Vuejs

[Vuejs] SFC(Single File Component)

yujeong kang 2020. 11. 23. 03:14

SFC

  • 확장자가 ".vue"인 파일
  • .vue = template + script + style
  • 구문 강조 가능
  • 컴포넌트에만 CSS 범위 제한 가능
  • 전처리기를 사용해 기능 확장 가능

 

- <template>

  • 기본 언어는 html
  • 하나의 .vue 파일에 최대 하나의 template 블록!

- <script>

  • 기본 언어는 js
  • 하나의 .vue 파일에 최대 하나의 script 블록!

- <style>

  • 하나의 .vue 파일에 여러 개의  style 블록!
  • scoped 속성으로 현재 컴포넌트에서만 사용 가능한 css 지정 가능

 

'Vuejs' 카테고리의 다른 글

[Vuejs] vuex  (0) 2020.11.23
[Vuejs] vue-router  (0) 2020.11.23
[Vuejs] HTTP 통신 : axios  (0) 2020.11.23
[Vuejs] Component & Event  (0) 2020.11.23
[Vuejs] Vue Instance 속성  (0) 2020.11.23
'Vuejs' Related Articles more