1, the framework

2. Define API to manage module requests

3. Ant-design-vue components are loaded on demand

4. Routes are matched by press

5, navigation bar dynamic matching

6. Background parameter types are inconsistent with the types accepted by component parameters

7. How does the interface pass arrays

8. Use Echarts

9. Load the box

10, mount globally and use

For example, prompt components such as the Message component are mounted globally on the VUE instead of being introduced at every point of use.

Mount: app. Config. GlobalProperties = AppConfigCopy the code

Create a new folder config under SRC to configure the global stuff.

// Get something from the global object: Import {defineComponent, ref, reactive, toRefs, computed, getCurrentInstance} from 'vue / / need to write in the ts const {proxy} : Any = getCurrentInstance()const $message = proxy.$messageCopy the code

11, ICONS use Echarts, using vue-Echarts components, so the data is dynamically retrieved from the interface, how to update the data icon changes, or how to asynchronously render ICONS. In fact, you can directly modify the binding options.

12. Overall process of project data interaction

Hooks = > axios. Currently the requested data in the page is not put into vuEX.