手写通知栏通过id跳转新页面,id存入vuex中以getter使用

1. detail.vue

@click="click(item.id)
 click(id){
      this.$store.commit('SET_ID',id)
      this.$router.push({path:'/wel/detail'})
    },

2. store/modules/wel.js

import {getStore, setStore} from '@/util/store'
const wel = {
    state: {
      id:getStore({name: 'id'}) || 0,
    },
    mutations: {
      SET_ID: (state, id) => {    
        state.id = id
        setStore({name: 'id', content: state.id})
      }
    },
    actions: {}, 
  };
  export default wel

3. store.index.js

import Vue from 'vue'
import Vuex from 'vuex'
import wel from './modules/wel'
import getters from './getters'
Vue.use(Vuex);
const store = new Vuex.Store({
  modules: {
    wel
  },
  getters
});
export default store

5. store/modules/getters.js

const getters = {
  id:state => state.wel.id
}
export default getters