项目总结(未完成)

页面跳转：vue Router

创建路由和对应页面

UI框架：

页面布局

左侧菜单部分

 

问题一：路由通信：组合式API：

父传子：

const props=defineProps([""])

子传父：

const emit=defineEmits("")

用递归的方式看看有没有子菜单：

使用component组件，动态渲染图标，component标签中的  :is  属性用于动态绑定组件名称 ，从而根据条件渲染不同图标。

点击路由跳转：

用route.push,但是只是地址栏跳转了，页面没有跳转，因为嵌套路由没有还没有出口

菜单组件和header组件之间的通信

通过vuex进行状态保存

 创建了store,定义了模块，模块中定义所需要的state,mutation,然后对外暴露，之后挂载，

点击收起和展开：

点击菜单，将数据记录下来，在tag显示：

通过计算属性拿到属性，然后在页面中进行渲染

点击关闭

登录和注册：

点击显示不同的页面：

倒计时功能实现：

异步请求，借用第三方库axios(基于promise网络请求库)