준준의 기록일지

Vue Instance - vue에서 제공하는 api로 개발하기 쉽게 기능들을 제공하는 것 - new Vue({ el : '#app' }); - #app은 body태그 안에서 app이라는태그를 찾아서 인스턴스를 붙이겠다는 의미! - 그리고 인스턴스 안에 data를 정의하면 data안에 속성들도 사용 가능하다. 그럼 왜 인스턴스를 생성하고 사용하는가? 전역 컴포넌트 선언 방법 Vue.component('컴포넌트 이름', 컴포넌트 내용) - 위와 같이 선언한 뒤 으로 사용 가능하나, 전역으로 컴포넌트를 쓸 일은 거의 없다. - 보통 서비스를 구현할때 플러그인이라 라이브러리로 전역으로 사용하는 것에 대해서만 사용한다. 지역 컴포넌트 선언방법 new Vue({ el : '#app', components : {..

scss에 특정 태그에 대해 아래와 같이 적용한다. .v-card { white-space: nowrap; } white-space 속성은 요소가 공백 문자를 처리하는 법을 지정

basic vue context 출처 : https://github.com/rawilk/vue-context GitHub - rawilk/vue-context: A simple vue context menu component. A simple vue context menu component. Contribute to rawilk/vue-context development by creating an account on GitHub. github.com 디테일한 vue context 가이드 사이트 출처 :https://randallwilk.dev/docs/vue-context/v6/usage/advanced-usage Advanced Usage | vue-context | Randall Wilk {note}..

먼저 vue-simple-context-menu 설치 # npm npm i vue-simple-context-menu #yarn yarn add vue-simple-context-menu 출처 : https://vuejsexamples.com/simple-context-menu-component-built-for-vue/ Simple context-menu component built for Vue Simple context-menu component built for Vue. Works well with both left and right clicks. Nothing too fancy, just works and is simple to use. vuejsexamples.com