Vue.js
-
[Vue.js] Vue2 => Vue3로 이전하며 Pinia가 localStorage에 데이터를 저장하지 않았던 이슈!Vue.js 2023. 1. 4. 14:04
Vue2에서 Vue3로 이전하며 기존에 정상적으로 동작하던 Pinia가 데이터를 localStorage 저장하지 못했다. 사실 이슈라기 보다는 그냥 단순히 세팅의 문제였는데, 다음에 똑같은 일이 발생하지 않기 위해 기록한다! 기존 package.json "dependencies": { ... "pinia": "...", "pinia-plugin-persistedstate": "...", ... }, 신규 package.json "dependencies": { ... "pinia": "...", "pinia-plugin-persist": "...", ... }, 우선 Pinia 데이터를 전역으로 공유하기 위해 데이터를 sessionStorage나 localStorage등에 저장하는 것을 도와주는 라이브러리..
-
[Vue.js] useVModel 사용하며 겪은 이슈Vue.js 2022. 6. 18. 16:27
useVModel vueuse 라이브러리에서 제공하는 함수다. 양방향 데이터 바인딩을 간략하게 구현할 수 있게 해준다. 사용법 import { useVModel } from '@vueuse/core' export default { setup(props, { emit }) { const data = useVModel(props, 'data', emit) console.log(data.value) // props.data data.value = 'foo' // emit('update:data', 'foo') }, } 겪었던 문제 ParentComponent.vue ChildComponent.vue 대충 위와 같이 구현돼 있었는데 ChildComponent에서 vModel값을 바꿔도 ParentComponen..