This commit is contained in:
张成
2025-10-08 16:17:33 +08:00
parent 73132f616a
commit a136ed7438

View File

@@ -100,7 +100,7 @@ import AdminFramework from 'admin-framework'
└── App.vue # 应用根组件 └── App.vue # 应用根组件
``` ```
#### 2. 创建 main.js只需 10 行代码!)22222222222333 #### 2. 创建 main.js只需 10 行代码!)
```javascript ```javascript
import Vue from 'vue' import Vue from 'vue'
@@ -108,7 +108,6 @@ import VueRouter from 'vue-router'
import Vuex from 'vuex' import Vuex from 'vuex'
import ViewUI from 'view-design' import ViewUI from 'view-design'
import createPersistedState from 'vuex-persistedstate' import createPersistedState from 'vuex-persistedstate'
import VueRouter from 'vue-router'
import AdminFramework from './libs/admin-framework.js' import AdminFramework from './libs/admin-framework.js'
import App from './App.vue' import App from './App.vue'
import config from './config' 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包含用户、应用模块 - ✅ 创建 Store包含用户、应用模块
- ✅ 创建 Router包含所有基础路由和动态路由 - ✅ 创建 Router包含所有基础路由和动态路由
- ✅ 初始化 HTTP - ✅ 初始化 HTTP
@@ -783,7 +784,21 @@ A: **框架已包含所有系统功能,只需准备:**
其他所有系统页面、API、组件都已在框架中无需复制 其他所有系统页面、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: **常见原因和解决方案** A: **常见原因和解决方案**
@@ -922,20 +937,25 @@ MIT License
## 🎯 快速参考 ## 🎯 快速参考
### 最小化代码示例10行 ### 最小化代码示例
```javascript ```javascript
import Vue from 'vue' 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 AdminFramework from './libs/admin-framework.js'
import App from './App.vue' import App from './App.vue'
import config from './config' import config from './config'
// 框架会自动调用 Vue.use(ViewUI/VueRouter/Vuex)
Vue.use(AdminFramework, { config, ViewUI, VueRouter, Vuex, createPersistedState }) Vue.use(AdminFramework, { config, ViewUI, VueRouter, Vuex, createPersistedState })
new Vue({ new Vue({
el: '#app', el: '#app',
router: AdminFramework.router, router: AdminFramework.router, // 框架自动创建
store: AdminFramework.store, store: AdminFramework.store, // 框架自动创建
render: h => h(App) render: h => h(App)
}) })
``` ```