说明
这是一个解决大型项目中,vuex数据臃肿庞大导致的性能问题。对vuex进行模块化并执行懒加载模式
文件目录说明
|--src
|--|--assets 样式文件
|--|--components 组件目录
|--|--router 路由目录
|--|--store vuex目录
|--|--views 视图目录
|--|--vuexmodulespl 怎么实现vuex懒加载的js(重要)
|--|--App.vue
|--|--main.js
vuexmodulespl目录中的js说明
var myvuex = {
//install一个方法,使其在vue中注册使用
install: function(vue) {
//mixin全局混入我们的定义,在beforeCreate钩子中调用
vue.mixin({
// created下vue实例已经生成了
beforeCreate: function() {
//判断当前组件、视图下是否需要加载我们的vuex
if (this.$options.isVuex) {
//加载逻辑处理
var name = this.$options.name;