ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Vue.js] 1. 뷰 인스턴스 생성하기
    IT&컴퓨터공학/Vue 2021. 3. 2. 22:21

    인턴 업무를 위한 Vue.js 공부를 시작하기로 했다 !

    오늘 ice breaking 겸 하루동안 조금 살펴봤는데 계속 사용하는 만큼 아무래도 정리를 해두는게 좋을거 같아서

    조금씩 정리해두려고 한다 :)

     

    Vue.js 기초 익히기 기본 강좌를 참조할 예정이다.

    www.youtube.com/watch?v=gZBKGn0wQXU&list=PLB7CpjPWqHOtYP7P_0Ls9XNed0NLvmkAh

     

    Vue

    프로그레시브 프레임워크 : Vue를 점진적으로 채택할 수 있음. 때문에 기존 프로젝트를 Vue 로 전환하고싶은 경우 다른 프레임워크처럼 처음부터 새로 만드는게 아닌 부분부분 Vue 로 바꿔가면서 전환할 수 있다.

    Vue 인스턴스

    생성된 Vue 오브젝트 하나

     

     var vm = new Vue({
     		//옵션
     })
    new Vue({
        el: '#app',
        
        template: '',
        
        data: {},
        
        props: [], // {}
        
        methods: {},
        
        computed: {},
        
        watch: {}
    });

     

    el ( string | HTMLElement )
    대상이 되는 html element 또는 css selector ( vm.

     

     

    data )

     

    props ( Array<string> | Object )
    부모 컴포넌트로부터 전달 받은 property들의 Array 혹은 Object


    methods ( [key: string]: Function )
    Vue 인스턴스에서 사용되는 메소드. this 컨텍스트를 Vue 인스턴스에 바인딩 합니다.


    computed ( [key: string]: Function | { get: Function, set: Function } )
    계산된 속성. getter와 setter는 자동으로 this 컨텍스트를 Vue 인스턴스에 바인딩 합니다.


    watch ( [key: string]: string | Function | Object | Array )
    감시된 속성. Vue 인스턴스에 데이터가 변경되는 시점에 호출

    'IT&컴퓨터공학 > Vue' 카테고리의 다른 글

    [Vue.js] 5. 라우팅  (0) 2021.03.05
    [Vuex]1. Vuex 란 ?  (0) 2021.03.04
    [vue.js] 4. Directive 두번째 v-once  (0) 2021.03.03
    [Vue.js] 3. v-bind/Directive  (0) 2021.03.03
    [Vue.js]2. data 와 method  (0) 2021.03.02

    댓글

Designed by Tistory.