[Vue] 뷰.js 기본 틀

 
React 를 공부했을 때 제일 의아했던 부분이
라이브러리 치고 자유도가 생각보다 높다는 거였습니다.
 
 
근데
Vue 를 배울때는 역시 라이브러리구나
라는 생각이 들더라구요 (엄청난 제약들....🙄)
 
 

<template>
    <!-- html  -->
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
      // 데이터 보관함
    }
  },
  methods : {
    // 함수 작성함
  },
  components: {
    // import 된 컴포넌트 적어줌
  },
  props:{
    // 자식컴포넌트에서 사용
    // 넘겨받은 데이터와 데이터타입 적어줌
  },
  watch:{
    // 사용자가 입력한 데이터 감시
    // 함수이름 = 감시할 데이터
  },
  // 그 외 lifecycle 같은거 넣어줌
}
</script>

<style>
    /* css */
    body {
    margin : 0;
    }
</style>

 
+
Visual Studio Code 에서 Vetur 설치 시 
< 하고 tab 누르면 기본 틀을 만들어줍니다.