前言 使用了vue3有很长一段时间了，写了很多的基础组件在自己使用，整理一下（尽量使用最简单的方式实现），当做对自己知识的梳理。 tips：button组件可以说是，几乎每个前端必定会写的组件之一，所

大家好，我是CUGGZ。 今天来推荐几个实用的 Vue 库！ 1. 状态管理 （1）Pinia Pinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是

封装发布组件是前端开发中非常重要的能力，通过对常用组件的封装可以提升团队开发的效率，避免重复劳作且不方便维护。好的组件的抽象和封装能让组件得到更广泛和多环境兼容的应用。 本文讲述了如何一步步从0到1封装发布一个常用的toast组件的过程。本文是搭配实例书写的，所以理论上根据本文…

继上次搭完一个组件库的基本框架, 今天再来实现一个通用组件(alert)的开发, 使用方式与普通组件不一样,它是函数式调用(例如: this.$alert('test')), 与之类似的组件还有loding、message这些通用的函数式组件. 实现方法也与之类似, 这里就来实…

vue组件间的12种传值方式 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传递的几种方式 Vue2最常

当前激活的路由信息对象。这个属性是只读的，里面的属性是 immutable (不可变) 的，不过可以 watch (监测变化) 它。

一、 vue的生命周期是我们都比较熟悉的，现在我们来回顾一下： beforeCreate:初始化，此时调用方法和data的值都是获取不到 created:将data,method注入，此时可以获取到d

vue组件传值在日常开发中比较常见。 一般有三种传值方式：1.父传子、2.子传父、3.兄弟组件之间通信

父传子：父组件：dataAndTime为传递到子组件的数据（绿色部分）子组件：用props接收数据，使用时this.dataAndTime子传父父组件子组件兄弟组件之间的传参eventBus组件1：组