记录一下用vue3+ts+ant-design-vue做的开发者门户网站

533 阅读1分钟

1、框架

2、定义api,管理模块的请求

3、ant-design-vue组件按需加载

4、路由按匹配

5、导航栏动态匹配

6、后台参数类型和组件参数接受的类型不一致

7、接口怎么传递数组

8、使用echarts

9、加载框

10、挂载在全局上以及使用

比如,将提示的组件如message组件挂载在vue的全局上,不用在每处使用时引入。

挂载方式:app.config.globalProperties = AppConfig

在src下新建一个文件夹config,用来配置全局的东西。

//获取全局对象中的东西:import { defineComponent, ref, reactive ,toRefs,computed,getCurrentInstance} from 'vue'//在ts中需要这样写const { proxy }: any = getCurrentInstance()const $message = proxy.$message  // 获取到了全局的message

11、图标使用echarts,使用vue-echarts组件,那么数据是动态从接口获取的,如何更新数据图标也变化呢,或者说如何异步渲染图标。其实直接修改绑定的options即可。

12、项目数据交互整体流程

hooks => axios 。目前页面中请求的数据没有放入vuex中。