Cxiaomu的博客

某些情况，大屏页面需要实现一些比较美观的图表，常用的图表插件有，此篇的实现效果为饼图和的结合体。这两种图具体实例可查看同时实现轮播高亮，采用定时循环操作，先调用的取消所有的高亮，再调用高亮指定数据。每次窗口大小改变时，进行监听，chart更新，调用resize方法，避免出现错乱效果。其中，需要注意到keep-alive 缓存特殊的两个阶段，activated(组件激活时) 和deactivated(组件停用时)

在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现文件的预览。注意：据网上资料所说，此插件还存在部分缺陷，比如docx的艺术字体、excel的多种数据格式解析不准确的问题，对此有很高要求的小伙伴慎用。文件上传时触发handleChange事件，执行操作：1. 解析文件名匹配对应预览组件，利用previewFileCom函数，2. 设置预览文件的url，3. 展示预览弹窗预览组件渲染完成、渲染失败时分别调用**render

vue有自定义指令的功能，开发者可根据实际业务需求自定义各种功能的指令，其中常出现就的就有鉴权指令。登录时获取用户信息，包含权限列表，存储到store中。每次使用自定义权限指令时，代码都会跟store中的权限列表内权限做比对，有权限则显示该元素，否则删除其节点（其子节点也会被删除）。

当前有个需求，是路由内部某个组件发生某些操作时，开启/关闭全局（整个页面）的loading效果。在收到这个需求时，考虑到关键点在于跨组件通信，于是想到以下这些方法并进行分析可行性，props、$emit、Event Bus 、Vuex、provide、inject、slots、Ref / Reactive、useAttrs、Pinia，通过以上分析，认为provide/inject的方式比较方便快捷（更熟悉），于是通过此方式实现。

Vue-i18n国际化多语言使用

Vue- i18n 国际化多语言配置

因最近需要考虑使用VUE3开发新项目，但是从公司层面担心有风险造成比较大的损失，于是需要先进行技术调研VUE2升级到VUE3的一些变动。这里根据VUE官网进行了一个整体的梳理。已有VUE2项目升级到VUE3项目可参考