IT기록 isaac

[Vue.js] Vue CLI 프로젝트 : Mixins 활용, 유의사항 이전 글 2022.02.14 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Mixin 이번 글에서는 Mixins을 활용해보려고 합니다. 지난 글에서 같은 기능을 모아 두고 mixins으로 공통 코드를 불러와 사용하는 방법을 알아보았는데요. Vue 옵션 중에 data, computed 등 다양한 옵션도 추가할 수 있습니다. # Vue 객체의 data를 mixin하기 지난 글에서 분리했던 코드를 src > mixins > dateFormat.js로 분리했는데요. 해당 파일에 data 변수 하나를 추가해보겠습니다. data : () = >({ mixinData : 'mixin data' }) ..

[Vue.js] Vue CLI 프로젝트 : props의 활용 이전 글 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue.js CLI 프로젝트 : 부모 자식 간의 데이터 전달 Props 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vuetify Buttons 버튼 사용하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : 컴포넌트(Component) 등록과 사용 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vue 파일 공부하기 2022.02.11 - [JS & Fram..

[Vue.js] Vue.js CLI 프로젝트 : 부모 자식 간의 데이터 전달 Props 이전 글 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vuetify Buttons 버튼 사용하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : 컴포넌트(Component) 등록과 사용 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vue 파일 공부하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트, vuetify 설치하기 2022.02.11 - [JS & Fr..

[Vue.js] Vue CLI 프로젝트 : Vuetify Buttons 버튼 사용하기 이전 글 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI로 시작하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트, vuetify 설치하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vue 파일 공부하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : 컴포넌트(Component) 등록과 사용 이전 글에 이어서 글을 작성하겠습니다. App.vue 파일의 코드는 아래 이미지와 같..