一 課程分類顯示

宗旨：總的再次過濾

二 Cookie

#
export default new Vuex.Store({
  state: {
      name:'',
      token:'',
  },
  mutations: {},
  actions: {}
})
#全域性資料
#賦值
methods:{
            upup:function () {
                let _this=this
                this.$http.request({
                    url:'http://127.0.0.1:8000/login/',
                    method:'post',
                    data:{
                        name:_this.name,
                        pwd:_this.pwd
                    }
                }).then(function (response) {
                    _this.$store.state.name=response.data.name
                    _this.$store.state.token=response.data.token
                })
            },
        }
#取值
 
<span class="pull-right" v-if="!this.$store.state.token">

vue-cookies
    -安裝:npm install vue-cookies
    -使用:
        -store.js中匯入import Cookie from 'vue-cookies'
    -取值:Cookie.get('根據key值')
    -賦值:Cookie.set('key值','value值')
定義方法
export default new Vuex.Store({
  state
 
: {
      name:Cookie.get('name'),
      token:Cookie.get('token'),
  },
  mutations: {
        //設定cookie    
        set_state:function (state,response) {
            state.name=response.name
            state.token=response.token
            Cookie.set('name',response.name)
            Cookie.set('token',response.token)
        },
        //登出,清除所有資料(cookie,store中的資料)
        clear_state:function (state) {
             state.name=''
            state.token=''
            Cookie.set('name','')
            Cookie.set('token','')
        }
  },
  actions
 
: {}
})        
呼叫方法
    if (response.data.status==100){
        _this.$store.commit('set_state',response.data)
      }