Notice
Recent Posts
Recent Comments
«   2026/02   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Link
관리 메뉴

개발블로그

Vue 기초설명 본문

JavaScript/Frontend

Vue 기초설명

춘식스 2022. 5. 20. 17:37

<template>

  • 화면에 노출되는 html 영역이다.
  • 안에 단 하나의 태그만 존재해야한다.
  • 잘못된 예시
<template>
    <div>test vue1</div>
    <div>test vue2</div>
</template>
  • 올바른 예시
<template>
    <div>
    	<div>test vue</div>
    </div>
</template>

<script>

  • Javascript 로직부분이다.
<script>
export default {}
</script>

<style>

  • 스타일을 적용시키는 부분이다.
  • scoped: 파일에서만 적용되는 것
<style lang="SCSS" scoped></style>

<template> <script> <style>

<template>
	<div>test vue</div>
</template>

<script>
export default {}
</script>

<style lang="SCSS" scoped></style>

 

'JavaScript > Frontend' 카테고리의 다른 글

Axios  (0) 2022.06.20
Vue - Store(Vuex)  (0) 2022.06.20
Vue - Lifecycle Hooks  (0) 2022.05.27
Vue.js 초기설정  (0) 2022.05.20
HTML  (0) 2022.05.09
Comments