2023-07-20
18785
阅读
实用干货 🌋📌 详细聊一聊 Vue3 依赖注入
在Vue.js中，依赖注入（DI）是一种非常常见的跨组件传递数据的方法，它可以帮助我们更好地管理组件之间的依赖关系。本文将介绍Vue3中的依赖注入机制，包括provide()和inject()函数的使用方法、使用注意以及优缺点和适用场景等方面的内容。✨快速上手Vue3中的依赖注入机制提供provid
2023-07-07
8874
阅读
实用干货 🌋🧙♂️ .vue 怎么变成 .js，我们来试一试！看完会更懂 Vue 吗？
谁能处理.vue文件？要想把.vue变成.js，首先要知道什么工具能处理.vue文件，是不是很容易想到我们熟悉的Webpack和Vite？但是Webpack它本身也不能处理.vue文件，背后起作用的是vue-loader。同样地，Vite也不是天生支持vue，它能处理.vue文件是因为有了@vite
2023-06-22
8327
阅读
实用干货 🌋🚀 fetch + 发布订阅 打造全新的 请求方式
写在前面一般我们在vue项目中发送请求,大多使用的是axios,axios有很多的优势，比如他的拦截器,取消请求,上传进度,而且是一个基于promise的网络请求库，可以用于浏览器和node.js等等…(要不然也不会有这么多项目都在用)我一直用的也是axios不过前几日看了vueuse,还有这种写法
2023-06-18
7966
阅读
实用干货 🌋🪐 十分钟快速让你搞懂 Vue3 和 React 的区别
前言Vue3和React是市面上目前非常受欢迎的两个前端框架。它们都采用了组件化的开发模式，使得开发者可以将复杂的应用拆分为多个小组件进行开发，从而提高了代码的可维护性和重用性。然而，虽然Vue3和React都拥有各自的优点，但它们也存在着一些不同之处，本文将通过比较两者的相同点和不同点来帮助读者更
2023-01-16
7910
阅读
实用干货 🌋🏫 史上最全 Vue 前端代码风格指南
一、命名规范市面上常用的命名规范：camelCase（小驼峰式命名法——首字母小写）PascalCase（大驼峰式命名法——首字母大写）kebab-case（短横线连接式）Snake（下划线连接式）1.1项目文件命名1.1.1项目名全部采用小写方式，以短横线分隔。例：my-project-name。
2022-11-30
10638
阅读
实用干货 🌋📦️ 还不会发包？30S教会你
前言学会发包可以避免我们在项目开发中重复造轮子的现象；当我们开发了通用的组件或者工具库后可以将其发布到npm上，这样在我们后续有同样需求的时候就可以直接下载下来用了，是不是灰常的的灵性。不知道怎么发包的小伙伴可以跟着我从0到1的发布一个包（发包流程跟技术框架和打包工具没有必然的联系，可根据自身情况进
2022-08-15
7521
阅读
实用干货 🌋📌 盘点Vue2和Vue3的10种组件通信方式
Vue中组件通信方式有很多，其中Vue2和Vue3实现起来也会有很多差异；本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示方式Vue2Vue3父传子propsprops子传父$emitemits父传子$attr
2022-07-21
7414
阅读
实用干货 🌋🥢 10个有用的自定义钩子vue.js
Vue是我使用的第一个JS框架。可以说，Vue是我进入JavaScript世界的第一道门之一。目前，Vue仍然是一个很棒的框架。随着compositionAPI的出现，Vue只会有更大的发展。在这篇文章中，我将介绍10个有用的自定义钩子，让我们的代码更加好看。useWindowResize这是一个基
2022-07-13
7406
阅读
实用干货 🌋🏫 Vue3.2 setup语法糖、Composition API、状态库Pinia归纳总结
一、文件结构Vue2中，<template>标签中只能有一个根元素，在Vue3中没有此限制<template>//...</template><scriptsetup>//...</script><stylelang="scss"sc
2022-06-21
7409
阅读
实用干货 🌋📝 前端Vuer，请收下这份《Vue3中使用JSX简明语法》
本文汇集了所有你在写Vue3项目可能会用到的常用JSX语法。1文本插值Vue里面文本插值默认是用双大括号:<h1>{{msg}}</h1>在JSX中变成了单大括号：constname='VueJSX'constelement=<h1>Hello,{name}<
2022-01-24
8377
阅读
值得一看 🔍️🗃️ 说说 vue2 和 vue3 核心diff算法
前言本文是对个人学习中对diff算法的整理记录。主要讲了vue2和vue3diff算法中核心部分的代码和实现流程为什要使用diff算法diff算法的使用要先从vue框架的设计说起，从范式角度来看，框架可以设计成命令式或声明式，权衡了性能和可维护性vue选择声明式的设计方案。命令式和声明式命令式：代码
2022-01-16
7408
阅读
实用干货 🌋🗃️ Vuex数据持久化存储
Vuex数据持久化存储业务需求：在基于vue开发SPA项目时，为了解决页面刷新后数据丢失的问题，我们一般都是将数据存储在localstorage或sessionstorage中；当数据需要全局处理统一管理时，我们也会借助于vue官方提供的vuex来进行数据的统一管理。vuex相比localstora