devlog_zz

nested component global하게 등록하면 어느 컴포넌트에서나 사용가능하도록 중첩시킬 수 있다. local이면 오직 그 컴포넌트에서만 등록가능하다. global하게 등록 main.js import Ninjas from './Ninjas.vue' Vue.component('ninjas',Ninjas) App.vue에서 ninjas component 를 불러옴 {{msg}} local하게 등록하려면 App.vue에서 import Ninjas from './Ninjas.vue' export default { components:{ 'ninjas':Ninjas }, 이와 같이 등록해야함

Refs refs : 템플릿에 접근하여 엘레멘트를 가져온 다음 데이터에 접근? html에서 input에 넣은 내용(템플릿에 있는) 을 app.js의 Vue instance 로 접근할 수 있다. this.$refs.input.value 로 입력한 값을 접근 할 수 있다. hello 일 때 vue instance 에서 접근 :this.$refs.test.innerText -> refs 를 이용해서 페이지에서 요소를 참조하고 그들에 관한 정보를 얻는다

component : 재사용 가능한 코드, 다른 뷰 인스턴스에서 사용할 수 있는 템플릿 Vue.component('name',{object}); 컴포넌트를 두 개의 다른 인스턴스에서 재사용 가능 이렇게 넣어준다면! 데이터를 뷰 컴포넌트를 통해 전달할 수 있다. 강의 15 return {} 부분 ! Vue.component('greeting', { template: 'Hey there, I am a re-usable component' , data:function(){ return { name: 'Yoshi' } } }); /* 외부에 있는 경우 적용 되는! var data ={ name:'Yoshi' } Vue.component('greeting', { template: 'Hey there, I am a..

Looping through lists {{ character }} {{ index }} . {{ ninja.name }} - {{ ninja.age }} {{key}} - {{ val }} v-for

웹페이지 만드는 코드 - HTMLatom 에디터 사용 ( best HTML Editor 2018 ) TAG진하게 표시 밑줄 표시 html h1 tag로 검색h1 제목을 나타내는 tag, 1~6까지 존재 , html new line taghtml paragraph tag속성unsplash.com //이미지 사이트 본문을 설명하는 태그는 로 묶어야함본문은 태그로 묶어야함 html specification