2023-07-20 1282 阅读 实用干货 🌋 📌 详细聊一聊 Vue3 依赖注入 在Vue.js中,依赖注入(DI)是一种非常常见的跨组件传递数据的方法,它可以帮助我们更好地管理组件之间的依赖关系。本文将介绍Vue3中的依赖注入机制,包括provide()和inject()函数的使用方法、使用注意以及优缺点和适用场景等方面的内容。✨快速上手Vue3中的依赖注入机制提供provid
2023-07-07 1096 阅读 实用干货 🌋 🧙♂️ .vue 怎么变成 .js,我们来试一试!看完会更懂 Vue 吗? 谁能处理.vue文件?要想把.vue变成.js,首先要知道什么工具能处理.vue文件,是不是很容易想到我们熟悉的Webpack和Vite?但是Webpack它本身也不能处理.vue文件,背后起作用的是vue-loader。同样地,Vite也不是天生支持vue,它能处理.vue文件是因为有了@vite
2023-06-22 1423 阅读 实用干货 🌋 🚀 fetch + 发布订阅 打造全新的 请求方式 写在前面一般我们在vue项目中发送请求,大多使用的是axios,axios有很多的优势,比如他的拦截器,取消请求,上传进度,而且是一个基于promise的网络请求库,可以用于浏览器和node.js等等…(要不然也不会有这么多项目都在用)我一直用的也是axios不过前几日看了vueuse,还有这种写法
2023-06-18 1030 阅读 实用干货 🌋 🪐 十分钟快速让你搞懂 Vue3 和 React 的区别 前言Vue3和React是市面上目前非常受欢迎的两个前端框架。它们都采用了组件化的开发模式,使得开发者可以将复杂的应用拆分为多个小组件进行开发,从而提高了代码的可维护性和重用性。然而,虽然Vue3和React都拥有各自的优点,但它们也存在着一些不同之处,本文将通过比较两者的相同点和不同点来帮助读者更
2023-01-16 1277 阅读 实用干货 🌋 🏫 史上最全 Vue 前端代码风格指南 一、命名规范市面上常用的命名规范:camelCase(小驼峰式命名法——首字母小写)PascalCase(大驼峰式命名法——首字母大写)kebab-case(短横线连接式)Snake(下划线连接式)1.1项目文件命名1.1.1项目名全部采用小写方式,以短横线分隔。例:my-project-name。
2022-08-15 1271 阅读 实用干货 🌋 📌 盘点Vue2和Vue3的10种组件通信方式 Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示方式Vue2Vue3父传子propsprops子传父$emitemits父传子$attr