Web/Vue.js (9) 썸네일형 리스트형 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined" 비동기: html 생성 전에 데이터가 안 불러와져서 google places api https://developers.google.com/maps/documentation/places/web-service/search#PlaceSearchRequests Place Search | Places API | Google Developers Deprecation notice: Places field permanently_closed is deprecated Notice: The Places field permanently_closed is deprecated as of May 26, 2020, and will be turned off on May 26, 2021. Use the business_status field to return the operational status of busine .. Vue google map api apthttps://www.digitalocean.com/community/tutorials/vuejs-vue-google-maps How To Use Google Maps in Vue with vue-google-maps | DigitalOcean Learn how to create an embedded Google Map with search and autocomplete support in Vue with vue-google-maps. www.digitalocean.com Vuex - 기존: 부모 자식 관계의 컴포넌트가 많아진다면 데이터의 전달 부분이 복잡해짐: prop, emit 많아짐 - 애플리케이션이 여러 컴포넌트로 구성되고, 더 커지는 경우 데이터를 공유하는 문제 발생 https://vuex.vuejs.org/kr/ Vuex가 무엇인가요? | Vuex Vuex가 무엇인가요? Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 vuex.vuejs.org - Vue.js 애플리케이션에 대한 상태관리패턴+라이브러리 - 애플리케이션의 모든 컴포넌트들에 대한 중앙 집중식 저장소 역할 (데이터 관리) new Vue({ // 상태 data () { return .. npmjs.com https://www.npmjs.com/ npm Bring the best of open source to you, your team, and your company Relied upon by more than 11 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Java www.npmjs.com component 간 통신 | 동적 props, Custom Events 보호되어 있는 글입니다. vue-router https://router.vuejs.org/kr Vue Router router.vuejs.org CDN · 라우팅: 웹 페이지 간의 이동 방법 · Vue.js의 공식 라우터 · 라우터는 component와 매핑 · Vue를 이용한 SPA를 제작할 때 유영 · URL에 따라 컴포넌트를 연결하고, 설정된 컴포넌트를 보여준다. vue-router 연결 · routes 옵션과 함께 router instance 생성 vue-router 이동 및 렌더링 · 네비게이션을 위해 router-link 컴포넌트 사용 · 속성은 to 사용 · 는 로 렌더링: a는 페이지가 이동하지만, router-link는 컴포넌트가 보이게 하는 역할 HOME $router, $route · $router: 전체 라우터 정보 this... Component(컴포넌트) - Vue의 가장 강력한 기능 중 하나 - HTML Element를 확장하여 재사용 가능한 코드를 캡슐화 - Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용 - Life Cycle Hook 사용 가능 - 전역 컴포넌트와 지역 컴포넌트로 나뉨 - 데이터를 메소드 형태로 만들어야 함 전역 컴포넌트 등록 Vue.component(tagName, options) 표기법 - 케밥 표기법: 케밥 표기법으로 컴포넌트를 정의할 때는 사용자 정의 엘리먼트를 부를 때도 케밥 표기법 사용해야 한다. - 파스칼 표기법: 파스칼 표기법으로 컴포넌트를 정의할 때는 사용자 정의 엘리먼트를 부를 때 두 가지 표기법 모두 사용할 수 있다. 지역 컴포넌트 등록 컴포넌트를 components 인.. 이전 1 2 다음
