Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.jsを使って良かったこと

 Vue.jsを使って良かったこと

Frontend Nagoya #1 LT

Avatar for Asai Masami

Asai Masami

June 17, 2017

More Decks by Asai Masami

Other Decks in Programming

Transcript

  1. ͱΓ͋͑ͣconsole.logͯ͠ΈΔ Vue.use(Vuex) function onlyConsole () { return store => {

    store.subscribe(mutation => { console.group('onlyConsole plugin') console.dir(mutation) console.groupEnd() }) } } export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: initialState(), mutations, actions, getters, plugins: [ onlyConsole() ] })
  2. mutation typeΛϑοΫʹ store.subscribe((mutation, state) => { switch (mutation.type) { case

    types.ADD_ITEM: case types.UPDATE_ITEM: const item = mutation.payload.item localforage.setItem(item.id, item) break case types.REMOVE_ITEM: localforage.removeItem(mutation.payload.item.id) break case types.CLEAR_LIST: localforage.clear().then(() => console.log('clear database.')) break default: break } }) Ϧετͷૢ࡞͕ൃੜͨ͠Β*OEFYFE%#ʹ΋൓ө