vue.js/버그3 [vue] 전역 컴퍼넌트 등록이 안됨 (If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.) vue3에서는 아래처럼 전역컴퍼넌트를 등록한다. 그런데 자꾸 AbcComponent를 커스텀 엘리먼트로 인식을 하며 커스텀 엘리먼트를 허용하는 옵션을 넣으라 함 전역등록 자체가 잘못됐다고 생각하는데 이유가 뭔지 모르겠어서 이참에 한 번 파고들어 봄 먼저 공식문서 부터 봄 app.component() api 문서가 있을까 싶어 찾아봤고 있었음 https://vuejs.org/api/application.html#app-component Application API | Vue.js vuejs.org app.component로 전역 컴퍼넌트를 등록할 때 사용했던 컴퍼넌트 이름을 인수로 이용해 컴퍼넌트를 반환받아옴 저렇게 반환받아서 변수에 저장 후, 사용하면 문제가 없긴함 근데 같은 공식문서의 다른 페이지에서는.. 2023. 1. 17. [vue] 동적 컴퍼넌트 호출 feat. [Vue warn]: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead .. vue 문서들을 보던중, 동적 엘리먼트 부분에서 v-is라는 속성을 보아 테스트 해봄 데이터에따라 동적으로 컴퍼넌트를 호출할때 사용한다 함 (vue3 기준) *주의점 vue2에서는 // vue2 is="HelloWorld" // vue3 :is="'HelloWrold'" 위와 같이 네이티브 태그에 is옵션을 사용하였고 vue3에서는 디렉티브로 바뀌어 문자열값을 사용할 경우 "" 안에 ''을 추가해주어야함 Vue는 반응성 객체로 만들어진 구성 요소를 받았습니다. 이로 인해 불필요한 성능 오버헤드가 발생할 수 있으므로 구성 요소를 'markRaw'로 표시하거나 'ref' 대신 'shallowRef'를 사용하는 것은 피해야 합니다. 1. ref가 없어서 그런가? x 아니었음 2. 뭔가 v-for의 :key처럼.. 2022. 2. 28. [vue] v-for 안에서 값이 바뀌지 않는 버그 || v-model cannot be used on v-for or v-slot scope variables because they are not writable. v-model cannot be used on v-for or v-slot scope variables because they are not writable. 업무도중 위와 같은 에러를 만났다. 사실 위 문장을 바로 마주친건 아니였고... 회사에서 quasar라는 ui 프레임워크를 사용하는데 (quasar는 vue 기반으로 사용) https://quasar.dev/ Quasar Framework - Build high-performance VueJS user interfaces in record time Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive webs.. 2022. 2. 21. 이전 1 다음
