diff --git a/完整使用文档.md b/完整使用文档.md index c91248a..7b537ac 100644 --- a/完整使用文档.md +++ b/完整使用文档.md @@ -100,7 +100,7 @@ import AdminFramework from 'admin-framework' └── App.vue # 应用根组件 ``` -#### 2. 创建 main.js(只需 10 行代码!)22222222222333 +#### 2. 创建 main.js(只需 10 行代码!) ```javascript import Vue from 'vue' @@ -108,7 +108,6 @@ import VueRouter from 'vue-router' import Vuex from 'vuex' import ViewUI from 'view-design' import createPersistedState from 'vuex-persistedstate' -import VueRouter from 'vue-router' import AdminFramework from './libs/admin-framework.js' import App from './App.vue' import config from './config' @@ -144,7 +143,9 @@ window.addEventListener('resize', AdminFramework.uiTool.setRem) ``` **就这么简单!** 框架会自动: -- ✅ 注册 ViewUI +- ✅ 注册 ViewUI(自动调用 `Vue.use(ViewUI)`) +- ✅ 注册 VueRouter(自动调用 `Vue.use(VueRouter)`) +- ✅ 注册 Vuex(自动调用 `Vue.use(Vuex)`) - ✅ 创建 Store(包含用户、应用模块) - ✅ 创建 Router(包含所有基础路由和动态路由) - ✅ 初始化 HTTP @@ -783,7 +784,21 @@ A: **框架已包含所有系统功能,只需准备:** 其他所有系统页面、API、组件都已在框架中,无需复制! -### Q9: `this.$store.dispatch` 报错怎么办? +### Q9: 报错 `must call Vue.use(Vuex) before creating a store instance` 怎么办? + +A: **这个问题已在框架 v1.0.0+ 中修复!** + +如果你使用的是旧版本框架,请重新构建: +```bash +cd admin-framework +npm run build +``` + +然后将新的 `dist/admin-framework.js` 复制到项目中替换旧文件。 + +新版本框架会自动调用 `Vue.use(Vuex)` 和 `Vue.use(VueRouter)`,无需手动注册! + +### Q10: `this.$store.dispatch` 报错怎么办? A: **常见原因和解决方案**: @@ -922,20 +937,25 @@ MIT License ## 🎯 快速参考 -### 最小化代码示例(10行) +### 最小化代码示例 ```javascript import Vue from 'vue' +import VueRouter from 'vue-router' +import Vuex from 'vuex' +import ViewUI from 'view-design' +import createPersistedState from 'vuex-persistedstate' import AdminFramework from './libs/admin-framework.js' import App from './App.vue' import config from './config' +// 框架会自动调用 Vue.use(ViewUI/VueRouter/Vuex) Vue.use(AdminFramework, { config, ViewUI, VueRouter, Vuex, createPersistedState }) new Vue({ el: '#app', - router: AdminFramework.router, - store: AdminFramework.store, + router: AdminFramework.router, // 框架自动创建 + store: AdminFramework.store, // 框架自动创建 render: h => h(App) }) ```