vuex-cache-plugin

KO | EN

gitlite — search

#hacktoberfest #react #ai #llm #android #deep-learning #nodejs #macos #java #awesome #kubernetes #ios #mcp #openai

vuex-cache-plugin

(★ 8)

通过拦截vuex action与mutation实现异步缓存

vuex-cache-plugin 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vuex-cache-plugin

## Overview
`vuex-cache-plugin` is a cache plugin when you try to cache data when you try to do a async function in actions.
 we intercept the mutations payload using `store.subscribe` and next time `dispatch` we will get the data first and then do the dispatch.
## Usage
  the store
 ```js 
 import createCachePlugin from 'vuex-cache-plugin'
 
 const store = new Vuex.Store({
    actions,
    plugins: [createCachePlugin({
      longTermCaching: true,
    })],
  })
  ```
the actions
   ```js 
   ...
   async fetchCodes({ commit }, payload) {
     const res = await fetchInviteCode({ activityCode: payload.activityCode })
     commit(FETCH_CODES, { ...res })
   },
   ...
   ```
now we can dispatch with `cacheData` props in payload
```js
  store.dispatch('fetchCodes', { cacheData: true })
```
then we will get a mutation typed by the action types ,in this case it's FETCH_CODES
the mutation
 ```js
  ...
  [FETCH_CODES](state, payload) {
   state.code = payload.message
  }
  ...
```
## License

vuex-cache-plugin

vuex-cache-plugin 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vuex-cache-plugin

vuex-cache-plugin 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README