# productSelection **Repository Path**: Zixuuu/product-selection ## Basic Information - **Project Name**: productSelection - **Description**: 商品甄选管理平台 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-10-31 - **Last Updated**: 2024-12-17 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 全局组件的使用 全局组件的使用通过将所有全局组件放入index.ts当中封装为一个全局组件对象,再通过install方法向外暴露 在main.ts引入该index.ts文件,通过app.use()安装插件,在index.ts当中的install方法可以获取app ## sass集成 全局样式封装在styles文件夹下的index.scss文件当中,reset.scss的引入在css当中通过@use方式进行引入 ## 递归组件 在菜单与路由的对应配置时,我们会遇到子路由嵌套情况;对于子路由的情况,我们没有必要再进行逐一判断情况,而是通过递归的方式进行判断,避免代码冗余。 当然,要使用递归组件,需要组件有name属性。通过vue2的方式可以给组件起名 ## router-view封装 通过单独封装router-view为一个组件,可以为其提供切换路由时候的过渡渲染特效 ## v-if与v-for 在vue3当中,v-if和v-for如果同时放在一个组件上,v-if的优先级高于v-for ## nextTick nextTick所指的回调会在DOM更新完成后执行 ## 全屏模式 通过document下的fullscreenElement可以获取当前显示模式 通过documentElement的requestFullscreen实现全屏模式 document下的exitFullscreen瑞出全屏模式