개발/Vue.js 썸네일형 리스트형 [Vue.js] Vuetify 적용 소개 Vuetify란? Vue.js에는 컴포넌트라는 개념을 통하여 개발자는 애플리케이션 전체에서 사용 및 재사용할 작은 모듈을 만들 수 있습니다. Vuetify는 강력한 기능과 결합된 사전 제작된 모듈화한 구성 요소 모음입니다. 동적 테마,전역 기본값,애플리케이션 레이아웃 등 개발자에게 풍부하고 매력적인 사용자 경험을 구축하는 데 필요한 모든 도구를 제공하는 것입니다. 설치 처음 시작의 경우 1. npm create vuetify 2. Project name: ❯ vuetify-project // the folder to generate your application 3. Use TypeScript?: ❯ No / Yes 4. Would you like to install dependencies with.. 더보기 [Vue.js] Computed 와 Watch 차이점 소개 Vue에서 Computed와 Watch의 차이점을 소개하려고 한다. Computed 속성: computed는 데이터 속성을 기반으로 계산된 값을 반환하는 Vue 인스턴스 속성입니다. 특정 데이터 속성이 변경될 때만 다시 계산되며, 이는 캐싱을 통해 최적화된 성능을 제공합니다. 주로 템플릿에서 계산된 값을 표시하거나, 다른 computed 속성에서 사용되는 중간값을 생성하는 데 사용됩니다. new Vue({ data: { a: 10, b: 20 }, computed: { sum: function() { return this.a + this.b; } } }); Watch 속성: watch는 데이터의 변경을 감시하고 특정 동작을 수행하는 Vue 인스턴스 속성입니다. 데이터의 변경을 감지하면 특정 동작 또.. 더보기 이전 1 다음