Vue 검색 결과
7 개의 검색 결과가 있습니다.
Self-Study/Vue

[Vue] Refs의 종류

References https://v3.ko.vuejs.org/api/refs-api.html#ref https://velog.io/@soulee__/Vue.js-공식문서-뜯어보기-Refs ref 내부에 값을 가지면서 반응적이고 변경 가능한 ref 라는 객체를 반환한다. 이때, ref 객체는 단 하나의 프로퍼티만을 가지는데 이 내부 값은 .value 로 사용된다. const count = ref(0) console.log(count.value) // 0 count.value++ console.log(count.value) // 1 unref 주어진 인자가 ref 라면 내부 값(.value )을 반환하고 아니라면 주어진 인자를 반환한다. (삼항연산자 과정 간소화) function useFoo(x: numb..

2022. 7. 4. 11:13
Self-Study/Vue

[Vue] 딥 셀렉터

References https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors https://uxgjs.tistory.com/261 개요 딥 셀렉터(Deep Selector)는 부모 컴포넌트에서 자식 컴포넌트의 CSS로 접근하기 위한 방법이다. 딥 셀렉터의 사용 이유 Vue는 각 컴포넌트 간 스타일의 결합도를 줄이기 위해 **스타일 캡슐화(scpoed)**를 적용할 수 있다. 이는 현재 컴포넌트에만 적용이 되고 다른 컴포넌트에 적용하지 않게 한다. 문제는 스타일 캡슐화가 적용되면 자식 컴포넌트에게도 영향이 미치지 않기 때문에 scoped를 유지하면서 이를 해결하기 위한 방법이 바로 딥 셀렉터이다. 딥 셀렉터 적용 딥 셀렉터를 적용하기 위한 방법은..

2022. 7. 4. 11:09