Vuex项目Example中的源码学习

Posted 2022-09-19 aofengdaxia

counter-hot

项目描述

和第一个项目在功能上的区别，就是会记录最近五次的操作。根据项目的名称，我们知道是关于热重载的。

关于项目的改进

我们对比第一个项目，改进的地方是把第一个项目中的store.js拆分成多个js。把mutations和actions、getters拆分成不同的js。可以通过这个项目学习拆分vuex的配置。

关于热更新

if (module.hot) 
  module.hot.accept([
    './getters',
    './actions',
    './mutations'
  ], () => 
    store.hotUpdate(
      getters: require('./getters'),
      actions: require('./actions'),
      mutations: require('./mutations')
    )
  )

可以学习到的知识点

1. 学会拆分vuex
2. 引入多个对象的的时候的代码
3. 学会热重载。个人感觉如果有需要的话，来查查文档即可。

import * as getters from './getters'
import * as actions from './actions'
import * as mutations from './mutations'