본문 바로가기

vue3

Vue3 - pinia 사용시 storage 반영이 느릴 경우 해결 법 Vue3 - pinia 사용시 storage 반영이 느릴 경우 해결 법
Vue3에서 pinia를 통해 상태관리를 할 경우import { defineStore } from "pinia";export const useTest = defineStore("test", { state: () => ({ loadingFlag: false, payParam: { price: "", id: "", grpId: "", }, }), getters: {}, actions: { setPayParam(data) { this.payParam.price = data.price; this.payParam.id = data.id; this.payParam.grpId = data.grpId; }, }, per..
Vue3 - 간단한 토스트 알림 적용 Vue3 - 간단한 토스트 알림 적용
vue3-toastify를  사용한 Vue 토스트 알림 적용 1. vue3-toastify 설치npm install --save vue3-toastifyoryarn add vue3-toastify 2. 소스적용vue3 script setup 으로 사용 메인화면3. 화면 확인 데모 페이지를 통하여 필요한 Toast 얼럿 생성 가능 Demo URL- https://vue3-toastify.js-bridge.com/ Document URL- https://vue3-toastify.js-bridge.com/get-started/introduction.html
Vue - 간단 다국어 적용 방법(pinia사용) Vue - 간단 다국어 적용 방법(pinia사용)
Vue3에서 다국어 적용하기! 우선 저는 다국어 지원 vue-i18n 없이Pinia를 통해 다국어를 적용했습니다. pinia 설치는 아래 포스팅을 통해 적용해주시면 됩니다https://bman-note.tistory.com/44 vue3 - pinia 간단 세팅 방법이번 포스팅에서는 vue3에서 상태관리를 위한 pinia 세팅을 해보겠습니다. pinia, pinia-plugin-persist 설치 pinia : 상태관리 라이브러리 참고링크 : https://pinia.vuejs.kr/core-concepts/ pinia-plugin-persist : storage 저bman-note.tistory.com1. Json 파일 생성//kr.json{ "key1": "안녕하세요", "key2": "감사합니다..
Vue - pinia 간단 세팅 방법 Vue - pinia 간단 세팅 방법
이번 포스팅에서는 vue3에서 상태관리를 위한 pinia 세팅을 해보겠습니다. pinia, pinia-plugin-persist 설치 pinia : 상태관리 라이브러리 참고링크 : https://pinia.vuejs.kr/core-concepts/ pinia-plugin-persist : storage 저장 plugin 참고링크 : https://seb-l.github.io/pinia-plugin-persist/#nuxt npm i pinia npm i pinia-plugin-persist mian.js 에 아래와 같이 pinia, pinia-plugin-persist 사용설정 //pinia 상태관리 plugin import { createPinia } from 'pinia'; //pinia storag..

티스토리툴바