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