component

Nuxt.js를 사용하면 편한점이 많이 있는데 이번에는 components를 사용하는 법을 알아보겠습니다. 실습순서 components 폴더 생성 component 파일 생성 기본 component 호출 다른 호출 방법 components 폴더 생성 root 아래에 components 폴더를 생성합니다. Nuxt를 설치하게되면 기본 패키지 구성으로 폴더가 생성되어 있을겁니다.(~/components) component 파일 생성 테스트를 위해 components/dept1/dept2/component-test.vue 생성 ~/components/dept1/dept2/component-test.vue 컴포넌트 입니다. 기본 component 호출 pages에 파일을 생성한 후 component를 호출합니다..

VUE로 개발을 하는 프로젝트를 하던 와중 data의 값은 바뀌었는데 HighChart Compnent에 데이터가 렌더링 되지 않는 문제가 발생해 해결방법을 찾게되어 포스팅 하게 되었다. 찾아보니 종종 발생하는 문제라고 한다. 나의 경우는 배경과 그 위에 그려지는 차트간의 시점 차이로 인해(퍼블이 vue가 아닌 jquery 중심의 코드로 작성되어 발생하는 문제이다) 발생했다. 해결방법로 component에 key를 이용해 해당 component를 forceUpdata 해주었다. 위의 코드처럼 component에 key를 잡아주고 데이터를 수정했을때 key값을 수정해 주면 component가 새로 그러진다.