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')
})
})
}
可以学习到的知识点
- 学会拆分vuex
- 引入多个对象的的时候的代码
- 学会热重载。个人感觉如果有需要的话，来查查文档即可。
import * as getters from './getters'
import * as actions from './actions'
import * as mutations from './mutations'
Original: https://www.cnblogs.com/bbird/p/14505005.html
Author: bbird2018
Title: Vuex项目Example中的源码学习（2）
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/685182/
转载文章受原作者版权保护。转载请注明原作者出处！