[Vue] 동적 라우팅을 통해 url에 아이디를 표시해보자
Vue Router의 동적 라우팅 기능을 통해 url을 자유롭게 구성해보자. 라우터의 path를 결정할 때, :params을 통해 패턴을 만들 수 있다. 이를 통해, 마이페이지와 같이 동일한 레이아웃을 가지지만 사용자에 따라 다른 정보를 렌더링할 수 있다. 동적 라우트를 매...
Vue
- 7 개의 포스트
[Vue] This relative module was not found: 오류
간단한 오류를 해결해보자. 간혹 컴포넌트를 import할 경우 위의 에러를 발견할 때가 있다. node-module이 해당 컴포넌트 등을 찾지 못해서 발생하는 오류인데, 확인해야 할 것은 경로를 정확하게 적어서 import했는지(대소문자, views를 view로 적지 ...
[Vue] The ‘data’ option should be a function 오류
컴포넌트 내의 data 접근 Vue에 대해 차근차근 배우지 않은 채로 개발을 하다보니, 정말 엄청나게 많은 오류들을 접할 수 있다. 😂 컴포넌트의 data에 대해 정의할 때는 아래와 같이, data() { return { user_name: '', ...
[Vue 3] ‘Vuex’ is not defined 오류
Vue 3버전에서 vuex 사용하기 vue 3이 나온지 얼마 안된 상태 + vue 처음 배움으로 인해 구글링을 통해 얻은 정보가 vue 2에 대한건지~ vue 3에도 오류 없이 적용 가능한지~ 알 수가 없다. 어렵게, 어렵게 배우는 중이다.. 😂 main.js에서 'Vuex' ...
[Vue 3] Vuex란?
Vue.js의 상태 관리를 위한 라이브러리, Vuex를 사용해보자! vuex는 간단하게 저장소라고 생각하면 된다. 상태를 저장하고 이 상태를 변경하는 일을 수행할 수 있으며, 컴포넌트간의 데이터 전달을 관리한다고 보면 되겠다. ⛳ 설치 및 기본 환경 설정 veux는 아래의...
[Vue 3] Vue-router에 대해서 알아보자
vue router는 컴포넌트들을 매핑하고 어떤 주소로 렌더링 할지를 결정할 수 있다. 설치는 간단하게 npm install vue-router를 통해 할 수 있다. 🐤 라우터 설치 후.. 라우터를 설치했다면, 보다 쉬운 관리를 위해 router폴더를 하나 생성한 뒤에 그...
[Vue] Vue.js 시작하기
Vue.js 시작하기 - 캡스톤 수업을 진행하며 마주친 시행착오 위주