1
This commit is contained in:
34
完整使用文档.md
34
完整使用文档.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)
|
||||
})
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user