Pinia 是⼀个⽤于 Vue 的轻量级状态管理库，类似 Vuex, 是 Vue 的另⼀种状态管理⽅案

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

一般而言，我们做一个父子组件数据传递，使用 props，当我们需要多层级向下子组件传递使用 provider, inject 。摘官方文档： 我们可以得知，利用 provider, inject 可以在 Vue3 中可无视多子层级直接传递需要的数据。 从上面的用法，可以看出，如…

Vite项目屏幕适配的两种方案：1、基于px转rem的适配方案。 2、基于scale等比缩放的适配方案。

2022年了，还没有用过 Vue3？赶快来学习吧，Vue3实战专栏，带你走进 Vue3，本文将介绍如何使用 Vue3+Vite 搭建一个项目

使用场景 如tab页面切换的功能。可以直接使用vue的component，也可以使用v-if来实现。具体如下： is可绑定的值可以是组件名称，也是是一个组件对象。通过动态切换绑定的值，就可以实现tab页式的效果。 使用v-if,v-else-if,v-else来控制显示具体的哪…

这是我参与8月更文挑战的第10天，活动详情查看：“8月更文挑战“ 用法   scope是实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块。 scope的渲染规则 给HTML

前言 本文撰写的初衷是为了向组内成员推行使用svg sprites的方式管理项目的图标,由于实际工作中很多项目仍然采用font class的方式,这样不自觉带来一个痛点. 当项目一期开发完毕后,过段时

eslint的配置要么写在1）根目录下的.eslintrc 文件中，要么写在 2) package.json中。 使用 "eslintConfig" 字段进行配置。 ESlint 提供了大量可配置的 Rules, 然而一条条地去配置是非常麻烦的。 因此 ESlint 也可以使用…