Pinia

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第六章 样式格式化

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、安装二、使用三、安装公共样式四、入口文件配置五、测试总结前言本篇涉及安装sass，并且配置项目sass的初始化样式。一、安装根据前面的项目配置，安装sass就非常的简单yarnaddsass在package.json中检查是否安装成功二、使用在src文件下新增styles文件夹增加variables.module.scss文件//ba
SmallTeddy·2023-11-21 05:54

前端食堂技术周刊第 31 期：Vue 3、Vitest 中文文档上线、Pinia 正式成为 Vue 官方默认推荐的状态管理库、Vite v2.9.0

本期摘要Vue3、Vitest中文文档上线Pinia正式成为Vue官方默认推荐的状态管理库Vitev2.9.0React18发布ReactRouterv6.3.0FE-Hunter前端赏金猎人CasePolicefree-pro
童欧巴·2023-11-21 03:40

Vite+TS项目：论如何便捷的使用pinia

这里给大家分享我在网上学习总结出来的一些知识，希望对大家有所帮助pinia介绍vue新一代状态管理库，相当于vuex特性1.像定义components一样定义store2.支持ts3.去除mutations
林恒smileZAZ·2023-11-21 03:09

前端食堂技术周刊第 105 期：TS 5.3 RC、Vite 5.0、W3C 新任 CEO、有害的 Pinia 模式、2024 更快的 Web

美味值：口味：金桂普洱食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯TypeScript5.3RCVite5.0Prettier3.1W3C新任CEO的目标和愿景华为云开源低代码引擎TinyEngine下面我们来看技术资料。技术资料1.Rust是JavaScript基础设施的
童欧巴·2023-11-21 03:03

Vue-Pinia

目录Pinia状态管理库使用步骤1、安装Pinia2、在vue应用实例中使用pinia3、在src/stores/token.js中定义stores4、在组件中使用storeaxios请求拦截器代码实现
An1ong·2023-11-20 10:03

vue3在router中使用store报错解决方案

就是需要在实例化一下，因为在编译router的时候pinia还未被实例化。
chaochaoLiang·2023-11-20 10:06

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第二章 环境部署

项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios请求和响应拦截)第七章Layout组件(Element-Plus的使用)第八章登录开发(Pinia
SmallTeddy·2023-11-20 06:22

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第三章 项目创建

项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios请求和响应拦截)第七章Layout组件(Element-Plus的使用)第八章登录开发(Pinia
SmallTeddy·2023-11-20 04:27

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第一章 技术栈简介

项目初始化)第四章样式格式化(Sass)第五章路由配置(vue-router路由守卫)第六章请求配置(Axios请求和响应拦截)第七章Layout组件(Element-Plus的使用)第八章登录开发(Pinia
SmallTeddy·2023-11-20 01:58

vite vue3 配置pinia

准备https://blog.csdn.net/qq_36437991/article/details/134474050安装pinia官网yarnaddpiniasrc下新建store文件夹，该文件夹下新建
假装我不帅·2023-11-20 01:08

vue 递归实现 Tree 组件带全选取消全选

效果图用pinia状态管理工具store/commonimport{defineStore,createPinia}from"pinia";constid="@@common";constinitialState
潇、然·2023-11-19 21:11

【Redux】Redux 基本使用

1.Redux快速上手Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行。
小谢sd·2023-11-19 09:27

【JavaScript】fetch 处理流式数据，实现类 chatgpt 对话

本文只包含最基础的请求后端大佬给得对话接口，大部分模型的传参是差不多的，核心还是如何处理fetch获取的流数据import{defineStore}from'pinia';import{ElMessage
努力挣钱的小鑫·2023-11-19 08:59

Vue3-Pinia基本使用

什么是Pinia呢？
ieos·2023-11-18 19:33

vue3插件-pinia

文章目录一、pinia是什么？二、使用步骤1.安装并注入2.核心概念与基本使用代码参考一、pinia是什么？
wang_liuyong·2023-11-18 19:29

vue3 - pinia 中的 storeToRefs

interface.d.ts文件exportinterfaceuseMyStore{id:stringcontent:stringtype:stringstatus:booleancollected:booleandate:stringquality:string}useMyStore.js文件constmsgData=[{id:'123',content:'腾讯大厦一楼改造施工项目已通过审核！'
一嘴一个橘子·2023-11-18 18:44

Vue3 + Vite + Element Plus 项目搭建（全）

项目初始化3代码风格处理4依赖安装5自动导入6路由拦截7新增环境变量配置文件8axios封装9启动及生产打包配置10极速搭建1前言本文使用Vue3+Vite+ElementPlus+VueRouter+Pinia
YanaDH·2023-11-17 14:08

vue3+ts+vite+element-plus从搭建环境到vite优化

https://gitee.com/hellow-world-lzc/lzc-vue-threenpminitvue@latest命令行提示在create-vue，ok提示是否，ts,jsx,router,pinia
lzc13902932164·2023-11-17 14:32

vite+vue3+TypeScript 搭建项目基本框架

vue3项目3.2配置src别名为@、src/components别名为@_c3.3安装less/scss3.4安装ESLint3.5安装Prettier3.6自动导入3.7安装配置router3.8安装Pinia3.8.1Pinia
西木Qi·2023-11-17 14:28

vue3-vite-less-配置别名-多环境

vite创建vue3项目node升级使用命令创建vue3项目不选用vite的vue模板安装lessVite配置文件夹别名多环境配置vue3路由和状态管理(pinia)传送门node升级vite官方文档给出
芽菜包包芽菜·2023-11-17 08:12

Vue3使用Pinia持久化存储（超详细介绍）

1、为什么要进行持久化存储？1.1.因为刷新页面会导致数据重置2、怎么进行持久化存储？2.1.下载插件:npmipinia-plugin-persistedstate2.2.在main.ts或main.js中进行稍微配置2.3.在仓库中使用
骨灰级小白111·2023-11-16 15:55

vite + vue3 + pinia 中 No matching export in “node_modules/[email protected]@vue-demi/lib/index.mjs“

问题：在启动项目时cmd出现了这个问题原因：这个项目中的pinia是我自己下载的下载时直接就下载了默认版本的pinia此时这个版本的pinia跟vite不兼容就会出现这个问题解决：重新下载一个低版本的pinia
北觅_小太阳·2023-11-16 15:54

vitest 单元测试配合@vue/test-utils 之 pinia 篇

whatisvitest&test-utils&piniavitest是由vite提供支持的极速单元测试框架，VueTestUtils是Vue.js的官方测试实用程序库，pinia是Vue.js的状态管理库
Selicens·2023-11-16 15:52

pinia中使用@vueuse/core库的useStorage做数据的持久化存储

useStorage(响应式本地/会话存储)官网示例地址参数说明/***@param{string}key键名(必填)*@param{string|number|boolean|object|null}defaults:默认值(必填)*@param{StorageLike(localStorage|sessionStorage)|undefined}storage默认为localStorage*@
大佩梨·2023-11-16 15:50

【Vue3+Ts+Vite】使用Vite与TS构建Vue3项目

Ts+Vite的项目学习地址：开始{#getting-started}|Vite中文网(vitejs.cn)与时俱进开始用全新的技术本文包含以下内容：基础框架的搭建，别名配置，vue-router配置，pinia
lonelysnowman·2023-11-16 13:42

vue3+webpack+elementplus+国际化+axios封装+pinia

文章目录创建项目+eslint+prettier切换pinia（后补上）创建项目eslint+prettier注意自动格式化elementplus注意elementplusicon注意：国际化注意axios
PBitW·2023-11-16 04:40

七、Vue3使用Pinia刷新页面状态丢失解决方案

使用pinia-plugin-storage插件npmipinia-plugin-storage或者手写一个本地存储插件，做到Pinia本地持久化src/plugin/piniaPlugin.tsimport
xyphf_和派孔明·2023-11-16 00:38

五、Vue3中使用Pinia的同步异步操作及getters用法

Pinia的同步操作src/store/index.tsimport{defineStore}from'pinia';import{Names}from'.
xyphf_和派孔明·2023-11-16 00:07

六、Vue3使用Pinia的常用API

$reset():void重制通过建立一个新的状态对象，将store重设为初始状态。返回值:void$subscribe监听state的变化$subscribe(callback,options?):()=>void设置一个回调，当状态发生变化时被调用。它会返回一个用来移除此回调的函数。请注意，当在组件内调用store.$subscribe()时，除非detached被设置为true，否则当组件被
xyphf_和派孔明·2023-11-16 00:02

vue3: 2.如何利用 effectScope 自己实现一个青铜版pinia 一 getters篇

vue3:如何利用effectScope自己实现一个青铜版pinia-getters篇上一篇我们实现了状态管理仓库的state,pinia和vuex中都有计算属性getters,接下来我们就来实现计算对象
良 逸·2023-11-15 03:44

vue3: 3.如何利用 effectScope 自己实现一个青铜版pinia 一 actions篇

vue3:如何利用effectScope自己实现一个青铜版pinia-actions篇上一篇我们实现了状态管理仓库的getters,但是实际应用中并不推荐我们直接更改store.state的值,所以我们需要实现一个
良 逸·2023-11-15 03:44

vue3: 1.如何利用 effectScope 自己实现一个青铜版pinia 一 state篇

vue3:如何利用effectScope自己实现一个青铜版pinia-state篇当下vue3如此火热，vue3的下一代轻量级状态管理工具pinia也是我们必不可少的学习对象，想要学习pinia，就要知道它的实现原理现在我们就手把手实现一个自己的青铜版
良 逸·2023-11-15 03:14

Pinia+Route

Pinia1.基本使用安装yarnaddpinia使用挂载到入口文件import{createApp}from"vue";import{createPinia}from"pinia";importAppfrom
会飛的魚，·2023-11-15 03:43

【手写源码】解析Pinia原理

/defineStore'createPinia主要就是为了返回一个带install方法的对象，然后install的时候向全局暴露出pinia这个对象（这个对象不管在vue3中还是vue2中还是在其他不是
百万前端·2023-11-15 03:43

Pinia使用说明Vue3状态管理组件

本文参考：https://blog.csdn.net/qq1195566313/article/details/123338137https://pinia.web3doc.top/状态管理组件，代替vuex_Pinia.js
有蓝·2023-11-15 03:43

手写权限管理系统vue3+elementPlus+ Pinia+typescript

theme:channing-cyan框架简介随着vue3和elementPlus稳定版发布,现在需要对之前的框架进行升级,vue3-elementPlus-admin是基于vue3+elementPlus+Pinia
酒一壶||茶一盏·2023-11-15 03:13

【vue3】Pinia是什么？实现原理？手写Pinia!

前言：本文只是说明pinia的核心功能及核心原理，它本身的功能是很多很复杂的，这里就不进行叙述，我们只需要掌握这个工具的核心功能即可。
接着奏乐接着舞。·2023-11-15 03:42

三、Vue3中使用Pinia修改State的方法

修改Pinia仓库的值有5种方式src/store/index.tsimport{defineStore}from'pinia';import{Names}from'.
xyphf_和派孔明·2023-11-14 23:38

一、Vue3全局状态管理pinia的安装

替代Vuex的全局状态管理工具，官网=>使用pinia好处多多：同时支持Vue3和Vue2，体积极小，压缩后的体积只有1kb上下，完整的ts的支持，代码扁平化没有模块嵌套，只有store的概念，store
xyphf_和派孔明·2023-11-14 23:08

二、Vue3全局状态管理工具pinia仓库初始化

目录下新建store文件夹，store下面创建一个index.ts文件,定义仓库Storesrc/store/index.ts中引入defineStore；import{defineStore}from'pinia
xyphf_和派孔明·2023-11-14 23:08

四、Vue3中使用Pinia解构Store

pinia原始值:{{Test.current}}---{{Test.name}}change解构后值:{{current}}---{{name}}changeimport{useTestStore}from
xyphf_和派孔明·2023-11-14 23:36

uni-app基于vite和vue3创建并集成pinia实现数据持久化

一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化文章目录一、uni-app基于Vite和Vue3创建并集成pinia实现数据持久化1.如何创建基于Vite和Vue3的uni-app
梦和远方·2023-11-13 19:29

Vue3中的组件通信方式

子向父通信5、provide/inject父向子、兄弟之前通信6、eventBus父向子通信(Vue3移除)【官方推荐使用mitt或tiny-emitter，使用pubsub-js也可以】7、vuex/pinia
JackieChan_·2023-11-13 17:42

Pinia 状态管理器 菠萝:Option Store风格

Pinia介绍：Pinia是Vue的专属状态管理库，它允许你跨组件或页面共享状态。Pinia大小只有1kb左右，超轻量级，你甚至可能忘记它的存在！
无盐海·2023-11-12 22:41

Pinia 状态管理器 菠萝:Setup Store风格

Pinia介绍：Pinia是Vue的专属状态管理库，它允许你跨组件或页面共享状态。Pinia大小只有1kb左右，超轻量级，你甚至可能忘记它的存在！
无盐海·2023-11-12 22:41

Vue3 第十篇：使用ElementPlus图标

/router'import{createPinia}from'pinia'importpiniaPersistfrom'
AI吃番茄·2023-11-12 22:39

setup pinia 使用指南

基于使用setup()时的用法记录定义StoredefineStore用来定义定义Store,第一个参数为Store的id,用于区分不同模块state定义数据,相当于vue中的data,为了完整类型推理，推荐使用箭头函数;getters对state中数据进行计算处理,相当于vue中的computedaction相当于vue中的method,可以写同步和异步方法import{defineStore}
了 义·2023-11-12 18:34

vue3大事件管理系统

文章目录后台数据管理系统-项目架构设计项目页面介绍pnpm包管理器-创建项目ESLint&prettier配置代码风格基于husky的代码检查工作流调整项目目录VueRouter4路由代码解析引入element-ui组件库Pinia
伊人--·2023-11-12 07:51

vue3+TS+Vite2+Element Plus管理系统通用模板（2022最新）

技术栈：vue3+TypeScript+Vite2+Pinia+ElementPlus+VueRouter初始化项目安装vue-ts模板，和vite，并设置项目名称GBT(GeneralBackgroundTemplate
一个bug一等级·2023-11-11 21:52

Vite创建vue3+ts+pinia+vant项目起步流程

pnpm介绍&安装本质上他是一个包管理工具，和npm/yarn没有区别，主要优势在于包安装速度极快磁盘空间利用效率高安装：npmipnpm-g使用：npm命令pnpm等效npminstallpnpminstallnpmiaxiospnpmaddaxiosnpmiwebpack-Dpnpmaddwebpack-Dnpmrundevpnpmdev小结：pnpm是一个高效的包管理工具，使用和npm和ya
是三好·2023-11-11 21:19
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他