[Vue.js] vuex-persistedState : 새로고침시에도 데이터 안날라가도록 (LS 저장)

Monaka 사이트 프로젝트에서 BE 없이 LocalStorage로 데이터를 저장해서 작업해보기로 하여,

vuex-persistedstate를 추가해보았다.

 

1) vuex-persistedstate를 추가할 것.

$ npm install vuex-persistedstate

 

2) store/index.js에 ‎아래 밑줄 코드를 추가할 것.

 

 

=>

이 후 데이터 입력시  LS (LocalStorage) 에 value 와 key값으로 저장된다.

 

 

 

c.f) 기능확인용으로 모듈화 없이 기능만 돌아가도록 간단히 한 것!

모듈화를 할경우 파일도 추가해줘야 하고 필요할 때 찾아볼 것.