排序
Pinia的简单使用
1.什么是Pinia? 1.pinia 和 vuex 具有相同的功效, 是 Vue 的存储库,它允许您跨组件/页面共享状态。 2.设计使用的是 Composition api,更符合vue3的设计思维。 3.Pinia 对 Vue 2 和 Vue 3 都...
小白整理了VUEX
在小白开发的项目中前端使用的是Vue,虽然在日常工作中可以使用Vue进行开发工作。但是没有系统的学习过Vue,对Vue的一些特性和方法使用时常常需要查询资料解决问题,查询资料常常会占用大量时间...
Vue缓存字典值减少网络请求次数
导读 在一些项目里,我们可能有着大量的下拉框,而这些下拉框的数据就来源于我们后端接口返回的字典信息。于是,画风可能是这样的,每次下拉,你都需要请求一次字典接口拿到这些数据,于是每次...
深入 vuex 探求本源,今天你学废了吗 ?
前言 作为当代码农大家肯定在项目中经历过多组件共享同一份数据的情况,一般这种时候大家首先想到的就是 vux。 随着组件的增多,数据共享的问题随之而来, vux 不仅可以让你更方便地管理项目中...
【Vue3 生态】一文学会 Pinia 状态核心知识点
我正在参加「掘金·启航计划」 前言 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。作为一个独立的单元,由以下几个部分组成: 状态:驱动整个应用的数据源; 视图:...
vue3+ts+vite中vuex的初体验
前言 vuex主要用于做状态管理,之前呢不太了解vuex的同学,可以移步 vuex官方文档,这里主要简单介绍下 vue3.x + vuex4.x + ts + 组合式API 的用法,具体如下: 操作步骤 第一步:安装vuex npm ...
你真的需要Pinia?吗?
尤大大:理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。 ?♂️:不会吧?!既然Vue本身具备状态管理的能力,我们还有必要引入Pinia?或者Vuex等状态管理工具吗? Vue...
用Vue3编写一个简单的组件
vue3插槽Slots 在 Vue3 中,插槽(Slots)的使用方式与 Vue2 中基本相同,但有一些细微的差异。以下是在 Vue3 中使用插槽的示例: // ChildComponent.vue <template> <div> <h2&...
Vuex使用详解
本文正在参加「金石计划 . 瓜分6万现金大奖」 ” theme: healer-readable VUEX使用详解 Vuex 01-vuex基础-介绍 组件共享数据/通信的方式有哪些? 父传子通信 =》通过props把父组件的数据传递...
保姆级指南:Vue 3 + Pinia + Vue Router + 高德地图实现不同页面数据传递与效果展示
技术背景 Vue3是目前最新版本的Vue.js框架,它引入了很多新的特性和改进,包括更好的性能、更灵活的组合式API、Typescript的原生支持等。Pinia是一款基于Vue3的状态管理库,它提供了类似于Vuex...
手写 Vuex4 源码
本文首发于掘金,未经许可禁止转载 Vuex4 是 Vue 的状态管理工具,Vuex 和单纯的全局对象有以下两点不同: Vuex 的状态存储是响应式的 不能直接改变 store 中的状态。改变 store 中的状态的唯一...
Vue3 Suspense:一种处理异步渲染过程的全新方式
在现代 Web 应用程序中,通常需要大量的异步请求和加载操作。在 Vue.js 中创建异步组件可以很容易地实现异步加载,但是当异步组件多次重复加载时,会对性能产生影响,因为每次重新加载时都要进...
pinia源码解析
为什么要看源码 我理解有以下6点: 学习编码技巧 学习设计思想 提升阅读代码速度 工作中得心应手,减少心智负担,提升效率 对技术的使用边界更清晰,在项目前评估技术方案有理有据 团队成员在使用...