通常情况下，我们可以直接复制 svg 文件内容到 template 中，然后修改其 fill 的颜色。 但这里我们需要对 svg 做一个封装，写成一个 IconBase.vue 文件如下（根据 svg 格式抽象的组件，保留 <svg>标签，path 部分抽象出来，封装成组件，动…

本文主要对Vue2和Vue3主要功能做了详细的对比，为了直观的感受，文章采用选项式Api，组合式Api，setup语法糖三种不同方式分别展现

最近在做项目调优，发现 pinia 真香，于是把之前的 vuex替换为 pinia，结果踩了一天的坑！

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

大家好，我叫小杜杜，是一个喜欢动手敲代码的小菜鸟，我认为代码应该亲自敲一遍，才能更好的熟记于心，作为一个程序员，我们与自己的小伙伴共同开发、维护于一个项目，需要保持代码的整洁、清晰

slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏。 Vue的slot，是组件的一块HTML模版，这块模版由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内…

前端技术日新月异，随着 大前端 的趋势，想要成为一名合格的前端工程师，需要学习掌握的东西更是宽泛。所以我们在寻求进阶的过程中，既要不断夯实前端基础，也要快速响应技术的更新迭代。闲话少说，这次给大家整理分享一些前端进阶的优质学习资源，希望对大家有所帮助！ 0. 年度报告 1. 基…

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

github demo: github地址 如果对您有用，请顺手给个star... 本文主要以vue-cli3搭建的项目为例，来聊一下如何在项目中更优雅的使用svg。 众所周知，vue-cli3已经推出很长一段时间了，大家可以感受一下vue-cli3带来的零配置体验。But，也…