어렵지 않다. 초간단! 참고로 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}} 스크립트 끝!
[Vue.js 2] Query String에서 필요한 값만 가져오기
자세한 설명은 나보다 똑똑한 사람들이 많기에 생략 방법 1. URLSearchParams 활용 ... 생략 ... mounted() { const params = new new URLSearchParams(location.hash); const obj = this.paramToObj(params) }, methods: { paramToObj: function(params) { const result = {} // 빈 객체 for(const [key, value] of entries) { result[key] = value; } return result }, ... 생략 ... 방법 2. 라우터가 있다면 this.$route 활용 사용중인 vue파일에서 this.$route 로그 찍어보면 아래 이미지와 같..
[Vue.js 2] 삼항연산자로 이미지 바꾸기
소켓에서 받은 데이터에서 특정 조건이 만족되면 아래 이미지와 같이 회색에서 파란색이 되도록 만들고 싶었다. 1. App.vue 2. socket 모듈 ... 생략 ... const setImage = (img) => { this.imgMark = img; } ... 생략 ... const changeData = (data) => { this.imgMark.src = data ? require("@/assets/images/on.png") : require("@/assets/images/off.png"); } ... 생략 ... 처음엔 "../이미지 경로" 이렇게 썼더니 아래 그림처럼 떠서 경로 잘못쓴줄 알고 당황했다.