컴포넌트에 변수선언이 가능한가요? app-header에 data를 선언해보니 html에서 출력되지가 않네요.

Question

추가적으로 컴포넌트는 스스로 데이터를 가질수가 없나요? 최상위 root에서만 데이터를 가지고 props로 내려주는게 가능한건가요?

컴포넌트 내에 data를 선언하니 출력되지 않네요.

var appHeader = {
            template: '<h1>{{ propsdata }}, {{ num }}, {{ headerName }}</h1>',
            props: ['propsdata', 'num'],
            data: {
                headerName: 'choigawoon'
            }
        };

{{propsdata}},{{num}},{{headerName}}

', props:['propsdata','num'], data:{ headerName:'choigawoon' } };

Answer

안녕하세요 가운님, 좋은 질문입니다 :) 각각의 컴포넌트마다 고유의 data 속성을 가질 수 있습니다. 뷰 인스턴스와 컴포넌트 개념을 학습하신 상태라면 앞으로 data 속성은 아래와 같이 정의해 주시면 될거에요 :) data: function() {  return { headerName: 'choigawoon' } }

최가운

컴포넌트에 변수선언이 가능한가요? app-header에 data를 선언해보니 html에서 출력되지가 않네요.

이 글과 비슷한 Q&A

github 권한 요청합니다.

너비에 따라 row에서 column으로 바꾸는 방법

52강의 originalTpdp ref 와 todo ref

props로 함수를 전달했을 때의 질문입니다!