const menus = [ { title : "WeChat朋友圈 " , path : "/message" , icon : "friends-o" , sub : "🌴 Vue3模仿微信朋友圈，点击查看！欢迎留言 " } , { title : "Shoping购物车 " , path : "/shop" , icon : "cart-o" , sub : "🛒 Vue3购物车项目开始启动，尽请期待！ " } , { title : "Vuex" , path : "/vuex" , icon : "cluster-o" , sub : "📦 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式! <br>点击我查看Vue3.0中Vuex的操作吧" } , { title : "Composition Api" , path : "/vuex" , icon : "hot-o" , sub : "👄 下一个主要版本的Vue中讨论的最常见的就是Composition AP的特色语法的。 这是一种全新的逻辑重用和代码组织方法" } ] ; const resource = [ { title : "Nutui" , desc : "京东风格的轻量级移动端 Vue 组件库" , url : "https://nutui.jd.com/#/range" , logo : "/images/resource/nutui.png" } , { title : "Vant" , desc : "轻量、可靠的移动端 Vue 组件库" , url : "https://vant-contrib.gitee.io/vant/v3/#/zh-CN" , logo : "/images/resource/vant.png" } , { title : "Ant Design" , desc : "为 Web 应用提供了丰富的基础 UI 组件" , url : "https://antdv.com/docs/vue/introduce-cn/" , logo : "/images/resource/antd.svg" } , { title : "Vite 中文" , desc : "下一代前端开发与构建工具" , url : "https://cn.vitejs.dev/" , logo : "/images/resource/vite.svg" } , { title : "Vue3 文档" , desc : "渐进式JavaScript框架vue3中文文档" , url : "https://vue3js.cn/docs/zh/" , logo : "/images/resource/logo.png" } , { title : "ElementPlus" , desc : "一套基于 Vue 3.0 的桌面端组件库" , url : "https://element-plus.gitee.io/#/zh-CN/component/installation" , logo : "/images/resource/element+.svg" } , { title : "Iconfont" , desc : "2400+基础图标，29种图标分类，提供更多的选择" , url : "https://iconpark.oceanengine.com/home" , logo : "/images/resource/iconpark.svg" } , { title : "Naiveui" , desc : "一个 Vue 3 组件库，使用 TypeScript" , url : "https://www.naiveui.com/zh-CN/light" , logo : "/images/resource/naive.svg" } , { title : "Echarts" , desc : "一个基于 JavaScript 的开源可视化图表库" , url : "https://echarts.apache.org/zh/index.html" , logo : "/images/resource/echarts.png" } , { title : "XGplayer" , desc : "带解析器、能节省流量的 Web 视频播放器" , url : "http://v2.h5player.bytedance.com/" , logo : "/images/resource/xgplayer.png" } , { title : "VueUse" , desc : "VUE组合实用程序的集合" , url : "https://vueuse.org/" , logo : "/images/resource/vueuse.svg" } , { title : "Vue3 源码" , desc : "深入学习了解vue3源码" , url : "https://vue3js.cn/start/" , logo : "/images/resource/logo.png" } ] ; const skillList = [ { title : "JavaScript" , percentage : 50 , color : "#67c23a" } , { title : "HTML" , percentage : 90 , color : "#e6a23c" } , { title : "CSS" , percentage : 70 , color : "" } , { title : "Vue" , percentage : 80 , color : "#f56c6d" } , { title : "Node" , percentage : 60 , color : "#a650fe" } ] ; export { menus , resource , skillList } ;