https://vue3js.cn/assets/js/5.2b4239ac.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{321:function(t,e,i){},363:function(t,e,i){"use strict";var s=i(321);i.n(s).a},399:function(t,e,i){"use strict";i.r(e);var s=[{data:[{desc:"Vue3官方中文文档",img:"",title:"Vue3中文文档",link:"https://staging-cn.vuejs.org/",labels:["官方"]},{desc:"Vue3官方英文文档",img:"",title:"Vue3英文文档",link:"https://v3.vuejs.org/",labels:["官方"]},{desc:"Vue 模板转换器",img:"",title:"Vue-template-explorer",link:"http://vue3js.cn/vue-template-explorer/",labels:["社区映射版"]},{desc:"",img:"",title:"Vue3源码解析筹备中",link:"/start/",labels:["进行中","诚邀加入我们"]},{desc:"工作日每天一道经典面试题更新，风雨无阻",img:"",title:"前端面试题库",link:"https://github.com/febobo/web-interview",labels:["新增","社区维护","进行中"]},{desc:"30分钟实现单聊、群聊、聊天室等功能",img:"",title:"即时通讯 IM（Vue2/Vue3）",link:"https://yunxin.163.com/im?from=vue3",labels:["热门","网易","快速集成"]}]},{title:"Vue3生态支持",data:[{desc:"🛠️ Vue.js 开发的标准工具",img:"",title:"Vue CLI",link:"https://cli.vuejs.org/zh/index.html",labels:["官方生态"]},{desc:"Vue Router 4.0提供了 Vue 3支持，并且有一些自己的突破性变化",img:"",title:"Vue Router",link:"https://router.vuejs.org/zh/index.html",labels:["官方生态"]},{desc:"Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化",img:"",title:"Vuex",link:"https://vuex.vuejs.org/zh/index.html",labels:["官方生态"]},{desc:"Vite 下一代前端开发与构建工具",img:"",title:"Vite",link:"https://cn.vitejs.dev/",labels:["官方生态"]},{desc:"Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态",img:"",title:"Pinia",link:"https://pinia.web3doc.top/",labels:["爱好者翻译"]}]},{title:"Vue3组件库",data:[{desc:"ant-design-vue 是 Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步",img:"",title:"Ant-design-vue",labels:["PC端","Ant-design"],star:"https://badgen.net/github/stars/vueComponent/ant-design-vue",link:"https://antdv.com/docs/vue/introduce-cn/"},{desc:"有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一",img:"",title:"Vant 3.0",labels:["移动端"],star:"https://badgen.net/github/stars/youzan/vant",link:"https://vant-contrib.gitee.io/vant/next"},{desc:"Element Plus，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库",img:"",title:"Element Plus",labels:["PC端"],star:"https://badgen.net/github/stars/element-plus/element-plus",link:"https://element-plus.org/#/zh-CN/component/installation"},{desc:"Element风格，一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库",img:"",title:"Element3",labels:["PC端"],star:"https://badgen.net/github/stars/hug-sun/element3",link:"https://github.com/hug-sun/element3"},{desc:"Naive UI 一个 Vue 3 组件库，比较完整，主题可调，使用 TypeScript，不算太慢,有点意思",img:"",title:"Naive UI",labels:["PC端"],star:"https://badgen.net/github/stars/TuSimple/naive-ui",link:"https://github.com/TuSimple/naive-ui"},{desc:"构建高性能的 VueJS 用户界面,开箱即用,支持桌面和移动浏览器（包括 iOS Safari！）",img:"",title:"Quasar",labels:["移动端","PC端"],star:"https://badgen.net/github/stars/quasarframework/quasar",link:"https://github.com/quasarframework/quasar"},{desc:"字节跳动基于 Arco Design 开源的 Vue UI 组件库。60 多个开箱即用的高质量组件, 可以覆盖绝大部份的业务场景。",img:"",title:"Arco Design Vue",labels:["移动端","PC端"],star:"https://badgen.net/github/stars/arco-design/arco-design",link:"https://arco.design/vue/docs/start"},{desc:"Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库。 不需要任何设计技能 — 创建叹为观止的应用程序所需的一切都触手可及。",img:"",title:"Vuetify",labels:["移动端","PC端"],star:"https://badgen.net/github/stars/vuetifyjs/vuetify",link:"https://github.com/vuetifyjs/vuetify"},{desc:"京东风格的 Vue 移动端组件库，开发和服务于移动Web界面的企业级产品",img:"",title:"NutUI 3.0",labels:["移动端","PC端"],star:"https://badgen.net/github/stars/jdf2e/nutui",link:"https://nutui.jd.com/#/"},{desc:"基于 Vue3 的 Material design 风格移动端组件库",img:"",title:"Varlet",labels:["移动端"],star:"https://badgen.net/github/stars/varletjs/varlet",link:"https://github.com/varletjs/varlet"},{desc:"一个基于 Vue 3.x 和 TypeScript 开发的开源组件库",img:"",title:"Idux",labels:["移动端"],star:"https://badgen.net/github/stars/IDuxFE/idux",link:"https://github.com/IDuxFE/idux"},{desc:"基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题",img:"",title:"Vue-devui",labels:["移动端"],star:"https://badgen.net/github/stars/DevCloudFE/vue-devui",link:"https://github.com/DevCloudFE/vue-devui"}]},{title:"Vue3插件",data:[{desc:"在移动端获得官方debug体验,无需安装浏览器工具，Safari兼容，微信浏览器兼容，支持Vue2 Vue3",img:"",title:"Vue-vconsole-devtools",star:"https://badgen.net/github/stars/Zippowxk/vue-vconsole-devtools",link:"https://github.com/Zippowxk/vue-vconsole-devtools"},{desc:"模拟移动端原生堆栈式缓存管理方式，返回自动销毁栈顶页面，无侵入代ç 

1ï¼Œä¸€è¡Œæžå®šç¼“存管理",img:"",title:"Stack-keep-alive",star:"https://badgen.net/github/stars/Zippowxk/stack-keep-alive",link:"https://github.com/Zippowxk/stack-keep-alive"},{desc:"完美支持Vue3的图片裁剪库，长期维护更新",img:"",title:"Vue-cropper",link:"https://vue-cropper.vercel.app/#/demo-basic"}]},{title:"Vue3开源项目",data:[{desc:"基于ant-design-vue,typescript,vue3.0,vite实现的 vue3 风格的后台管理系统",img:"",title:"vue-vben-admin",link:"https://github.com/anncwb/vue-vben-admin",star:"https://badgen.net/github/stars/anncwb/vue-vben-admin"},{desc:"基于vue-cli5.x/vite2.x + vue3.x + ant-design-vue3.x + typescript hooks 的基础后台管理系统模板 RBAC的权限系统, JSON Schema动态表单,动态表格,漂亮锁屏界面",img:"",title:"vue3-antd-admin",link:"https://github.com/buqiyuan/vue3-antd-admin",star:"https://badgen.net/github/stars/buqiyuan/vue3-antd-admin"},{desc:"vue3-composition-admin 是一个管理端模板解决方案，它是基于vue3,ts和element-plus，项目都是以composition api风格编写",img:"",title:"vue3-composition-admin",link:"https://github.com/RainManGO/vue3-composition-admin",star:"https://badgen.net/github/stars/RainManGO/vue3-composition-admin"},{desc:"使用Vue3.0+Typescript+Vant搭建移动端H5页面开发所需的基础模板，并提供一些通用型的解决方案及扩展功能",img:"",title:"vue-h5-template",link:"https://github.com/Ewall1106/vue-h5-template",star:"https://badgen.net/github/stars/Ewall1106/vue-h5-template"},{desc:"基于 Vue3.0 Composition Api 快速构建实战项目",img:"",title:"vue-cli",link:"https://github.com/Wscats/vue-cli",star:"https://badgen.net/github/stars/Wscats/vue-cli"},{desc:"Vue3 + TypeScript开发的电影预告片webAPP，可以查看正在热映与即将上映的电影信息和短片",img:"",title:"movie-trailer",link:"https://github.com/lhz960904/movie-trailer",star:"https://badgen.net/github/stars/lhz960904/movie-trailer"},{desc:"Vue 3 + Vant 3 的开源商城项目",img:"",title:"newbee-mall-vue3-app",link:"https://github.com/newbee-ltd/newbee-mall-vue3-app",star:"https://badgen.net/github/stars/newbee-ltd/newbee-mall-vue3-app"},{desc:"基于vue2.6+ ，vue3.0.0-beta.1，vue3, vue-cli3，mockjs，仿京东淘宝的，移动端H5电商平台！",img:"",title:"vue3-jd-h5",link:"https://github.com/GitHubGanKai/vue3-jd-h5",star:"https://badgen.net/github/stars/GitHubGanKai/vue3-jd-h5"},{desc:"基于vue3 function-based 构建cnode社区",img:"",title:"vue-cnode",link:"https://github.com/xjh22222228/vue-cnode",star:"https://badgen.net/github/stars/xjh22222228/vue-cnode"}]},{title:"配套项目",data:[{desc:"看文档看文档看文档，重要的事情说三遍",img:"",title:"Vue文档",link:"https://doc.vue-js.com/v2/api/"},{desc:"Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌",img:"",title:"Vue Router",link:"https://router.vuejs.org/zh/index.html"},{desc:"Vue复杂数据管理的最好方式",img:"",title:"Vuex",link:"https://vuex.vuejs.org/zh/guide/"},{desc:"易用、简洁且高效的http库, 在Vue项目大量使用, 使用Promise管理异步，告别传统callback方式",img:"",title:"Axios",link:"https://github.com/axios/axios"},{desc:"🛠️ Vue.js 开发的标准工具",img:"",title:"Vue Cli",link:"https://cli.vuejs.org/zh/"},{desc:"基于 Vue 前端开发框架的静态站点生成工具, SEO必备良器",img:"",title:"Nuxt",link:"https://www.nuxtjs.cn/"},{desc:"VuePress静态站点搭建首选",img:"",title:"VuePress",link:"https://vue-js.com/vuepress/zh/"},{desc:"逐行剖析 Vue.js 源码九大模块，逐个击破",img:"",title:"Vue源码导读",link:"https://vue-js.com/learn-vue/"}]},{title:"开源UI库",data:[{desc:"饿了么出品的Vue2的web UI工具套件",img:"",title:"Element",labels:["PC端","TB风格"],link:"https://element.eleme.io/#/"},{desc:"基于Vue和WeUI的移动组件库",img:"",title:"Vux",labels:["移动端","微信风格"],link:"https://github.com/airyland/vux"},{desc:"基于Vuejs的开源 UI 组件库",img:"",title:"iview",labels:["移动端"],link:"https://github.com/iview/iview"},{desc:"三端样式一致的响应式 UI 库",img:"",title:"Muse-ui",labels:["响应式","多端"],link:"https://muse-ui.org/"},{desc:"通过Vue Material和Vue 2建立精美的app应用",img:"",title:"Vue-material",labels:["Material风格"],link:"http://vuematerial.materializecss.cn/"},{desc:"应用于Vuejs2的Twitter的Bootstrap 4组件",img:"",title:"Bootstrap-vue",labels:["Bootstrap风格","情怀"],link:"https://bootstrap-vue.org/"},{desc:"为移动而生的Vue JS 2组件框架",img:"",title:"Vuetify",labels:["移动端"],link:"https://vuetifyjs.com/zh-Hans/getting-started/quick-start/"}]},{title:"优秀实战项目",data:[{desc:"基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用",img:"",title:"Vue饿了么",link:"https://github.com/bailicangdu/vue2-elm"},{desc:"vue管理后台模板",img:"",title:"vue-element-admin",link:"https://github.com/PanJiaChen/vue-element-admin"},{desc:"Vue饿了么配套的管理后台",img:"",title:"vue2-manage",link:"https://github.com/bailicangdu/vue2-manage"},{desc:"基于Vue的个人音频流媒体服务",img:"",title:"koel",link:"https://github.com/koel/koel"}

1,{desc:"高仿网易云音乐的webapp",img:"",title:"NeteaseCloudWebApp",link:"https://github.com/javaSwing/NeteaseCloudWebApp"},{desc:"全栈式开发bilibili首页",img:"",title:"bilibili-vue",link:"https://github.com/lybenson/bilibili-vue"}]}],a=["#81348e","#3eaf7c","#92af3e","#af7e3e","#af593e","#3ea8af","#af3e3e"],l={name:"Card",props:{},computed:{},data:function(){return{list:s,bgColors:a}},methods:{}},u=(i(363),i(42)),n=Object(u.a)(l,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",{staticClass:"main"},[t._m(0),t._v(" "),t._l(t.list,(function(e){return i("div",[e.title?i("h3",[t._v(t._s(e.title))]):t._e(),t._v(" "),i("div",{staticClass:"list"},t._l(e.data,(function(e,s){return i("a",{staticClass:"sub",class:{nomargin:(s+1)%3==0},attrs:{href:e.link,target:"_blank"}},[e.img?i("div",{staticClass:"cover",style:{background:"url("+e.img+") no-repeat",backgroundSize:"100%"}},[e.labels?i("div",{staticClass:"labels"},t._l(e.labels,(function(e){return i("span",[t._v(t._s(e))])})),0):t._e()]):i("div",{staticClass:"cover"},[t._v("\n          "+t._s(e.title)+"\n          "),e.labels||e.star?i("div",{staticClass:"labels"},[t._l(e.labels,(function(e){return i("span",[t._v(t._s(e))])})),t._v(" "),e.star?i("img",{attrs:{src:e.star,alt:""}}):t._e()],2):t._e()]),t._v(" "),i("div",{staticClass:"desc"},[t._v(t._s(e.desc))])])})),0)])}))],2)}),[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"tips"},[this._v("Tips：🤣🤣 不是官方！不是官方！不是官方！站点由国内Vue爱好者共同搭建，"),e("a",{attrs:{target:"_blank",href:"https://vue3js.cn/assets/img/18141744641588_.pic.jpg"}},[this._v("领取大厂前端面试宝典pdf🥰🥰🥰")])])}],!1,null,"63d0927c",null);e.default=n.exports}}]);
2
3
4