개발냥발

Vue2에 Store를 Vuex대신 Pinia 넣으려다 만난 에러 vue 버전이랑 안 맞는 내용 확인 후 패키지 설치할 때 @로 원하는 버전 입력하면 됨. 나는 vue-template-compiler 와 버전 차이 있다고 하니 아래와 같이 작성함. npm install --save vue-template-compiler@2.6.14 끝!

어렵지 않다. 초간단! 참고로 vuex가 아닌 pinia 사용 중임. 1. store/save.js 파일을 만들었다. import { defineStore } from 'pinia'; import { ref } from '@vue/reactivity'; export const SaveSotre = defineStore('SaveSotre', () => { const saveInfo = ref([]) return { saveInfo }; }, { persist: true }); 2. views/Main.vue 작성 템플릿 {{item.name}} 스크립트 끝!

소켓을 App.vue에서 사용하다보니 하위 컴포넌트에서 ws.send 해야 할 때마다 emit 쓰기 귀찮았다. 그러다 'store에서 ws 모듈을 사용하면 컴포넌트 상관없이 쓸 수 있지 않을까?' 라는 생각을 하게 되었다. ws 사용 방법 이것을 store에 만드는 것은 아주아주 쉬웠다. composition api 사용할 때와 같다! import { defineStore } from 'pinia'; import { ref } from '@vue/reactivity'; export const IndexSotre = defineStore('IndexSotre', () => { const isLogin = ref(false); // login true or false vlaue const wsData = r..