pinia 第3页

Pinia 数据持久化储存（pinia-plugin-persistedstate）

pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储插件官网地址：https://prazdevs.github.io/pinia-plugin-persistedstate

山城️777·2024-02-09 07:21

【 Vue 拓展 | (一) 】：一个案例搞懂 pinia 的使用

一个案例搞懂pinia基本使用项目代码：GitHub分享链接第一次尝试以构建案例的方式写博客，从构思大纲到构建项目花了很多时间，希望能够帮助到大家，如果博客对你有帮助请留下你的点赞和关注叭！

*Soo_Young*·2024-02-08 20:45

Pinia学习笔记

文章目录Pinia优势Pinia基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是

fmk1023·2024-02-08 20:32

Vue组件通信的方式

文章目录props父传子$emit子传父事件总线（EventBus）使用Vuex\Pinia状态管理库使用provide/injectprops父传子父组件向子组件传递数据：通过props属性将数据从父组件传递给子组件

fmk1023·2024-02-08 20:31

#Vue3：组件通信--props-emit = definEmit([‘submit‘])---子传父--mitt--v-model--provide inject--pinia--slot

v-model.numbernanoiduuid生成唯一idpinia菠萝可以修改数据countStore.sum=1批量修改contStore.$patch({sum:222})actions:increment(value){//this代表当前的store}}storeTorefs$subscribe订阅—刷新不会丢失组合式return{}组件通信-props字传父父传子-自定义事件cons

前端xiaolibao·2024-02-08 16:09

pina持久化的安装与使用（pinia-plugin-persistedstate）

pinia可以实现跨组件之间的通信，但是有时会面临一刷新页面，数据被重置的情况。而使用localStorage或者sessionStorage需要对不同字段做处理，也很麻烦。

白桃与猫·2024-02-08 15:11

vue3：24—组件通信方式

和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia（即vue2中的vuex）9、插槽默认插槽具名插槽作用域插槽（ui组件库用得多）10、总结

有蝉·2024-02-08 01:23

web 前端实现一个根据域名的判断来显示不同的logo 和不同的标题

web端我想实现一套代码的逻辑显示不同的公司主题logo以及内容，但是实际上业务逻辑一样2.实现建一个storeoem.ts这个名为是oem系统oem.tsimport{defineStore}from'pinia

喝一杯维C·2024-02-07 18:36

Pinia介绍和使用

1.pinia是什么Pinia是一个基于Vue.js的状态管理库，用于管理应用程序的数据。

c103363·2024-02-07 12:56

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

一、检查node版本指令：node-v为什么要检查node版本？Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。二、创建vite项目指令：npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)：:::infova

留白声·2024-02-07 07:56

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action

W`hite·2024-02-07 06:25

Vue3大事件项目(ing)

大事件项目创建3.Eslint配置代码风格4.配置代码检查工作流问题:pnpmlint是全量检查,耗时问题,历史问题5.目录调整6.vue-router4路由代码解析7.引入ElementPlus组件库8.Pinia

W`hite·2024-02-07 06:22

乐意购项目前端开发 #7

一、购物车本地购物车创建cartStore.js文件创建cartStore.js文件,将购物车列表数据存在pinia中import{ref,computed}from"vue";import{defineStore

guaiwu_·2024-02-07 02:45

Vue3状态管理——Pinia

官网：https://pinia.vuejs.org/0.初始化配置//创建项目yarncreatevite//安装pinianpminstallpinia1.创建Pinia实例并挂载//src/main.jsimport

135e606a0926·2024-02-06 20:34

Pinia的使用与原理

Pinia与Vuex对比vuex：ts兼容性不好命名空间的缺陷(只能有一个store)mutation和action有区别pinia：更简洁的APIts兼容性更好无命名空间的缺陷(可以创建多个store

徐_三岁·2024-02-05 20:25

Vue3全家桶之——Pinia状态管理

Pinia是一个专为Vue3设计的现代化状态管理库，为Vue3开发的，它提供了一种简单、可扩展和类型安全的方式来管理应用程序的状态。

tangerine330·2024-02-05 14:41

vue全家桶之状态管理Pinia

一、Pinia和Vuex的对比1.什么是Pinia呢？

DustinWangq·2024-02-05 14:40

vue3中如何使用pinia,两种模式

使用方式一一、安装pinia,并在main.js引入npminstallpinia//main.jsimport{createPinia}from'pinia'varapp=createApp(App)

葫芦娃y·2024-02-05 04:37

Pinia：一个Vue的状态管理库

Pinia的使用方法包括以下步骤：安装Pinia：通过yarn或npm进行安装：yarn命令：yarnaddpinianpm命令：npminstallpinia创建根存储：在main.ts中引入Pinia

熊猫发电机hhh·2024-02-04 01:42

【Vue】3-3、Vue 3.3 新特性 & Pinia

一、Vue3.3新特性1、defineOptions有之前，如果要定义props，emits可以轻而易举地添加一个与setup平级的属性但是用了后，就没法这么干了，setup属性已经没有了，自然没法添加与其平级的属性为了解决这一问题，引入defineProps与defineEmits这两个宏。但这只解决了props与emits两个属性若要定义组件的name或其他自定义的属性，还是得回到最原始的用法

QX_Java_Learner·2024-02-03 19:11

Vue3+TS+Vite+Pinia学习总结

VUE3介绍vue2和vue3之间的区别因为需要遍历data对象上所有属性，所以如果data对象属性结构嵌套很深，就会存在性能问题。因为需要遍历属性，所有需要提前知道对象上有哪些属性，才能将其转化为getter和setter,所以vue2中无法将data新增的属性转为响应式，只能通过vue提供的vue.set或者this.$set向data中嵌套的对象新增响应式属性，而这种方式并不能添加根级别的响

天生我材必有用_吴用·2024-02-03 06:07

vue3+vite+vue-router4.x实现动态添加路由

this.menuList=[{id:1,path:'/home',name:'首页',icon:true,children:[],component:'/home/home'},{id:12,path:'/pinia

listener_life·2024-02-03 06:46

2023/12/10总结

event.data是消息onerror发生错误时onclose关闭连接时发送消息需要安装vue-native-websocket包pnpmivue-native-websocket然后为了全局使用，我是放在了pinia

lxh0113·2024-02-03 02:47

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

介绍使用vite、typescript、vue3、element-plus、pinia、vue-router、axios、tai

zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差

蹦哒·2024-02-02 20:41

搭建 vite + vue3 + ts + pinia 项目框架

一、创建项目安装vitenpmivite-g复制代码创建项目一步创建npm6.xnpmcreatevite@latestmy-vue-app--templatevue-tsnpm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-app–--templatevue-tsyarnyarncreatevitemy-vue-app--templa

JackieChan_·2024-02-02 20:41

vue3+vite+ts使用pinia

你开心的样子我好喜欢·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的

「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员

Coder HoMeTown·2024-02-02 20:10

vue3+ts+vite+pinia 项目搭建

1.起始，项目搭建yarn创建项目yarncreatevitepnpm安装依赖（如果没有可以用npm）//mac安装pnpmsudonpmi-gyarn//安装依赖pnpmi//启动项目yarndev//安装一下pretter和eslintpnpmiprettiereslinteslint-config-prettiereslint-plugin-prettiereslint-plugin-vue

hjseo_seg·2024-02-02 20:40

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite详细步骤Node.js安装创建以typescript开发的vue3工程集成Pinia

偏安zzcoder·2024-02-02 20:09

【vue】Vuex 与 Pinia：Vue.js 状态管理库对比

vuex在后续的版本中可能要停止维护了，所以建议使用piniaVuex和Pinia都是Vue.js的状态管理库，它们都提供了集中式存储和管理应用程序状态的功能。

Aray阿伟·2024-02-02 19:51

Pinia｜VUe的状态管理库

阅读收获阅读完本篇文章，你将会有以下收获：pinia是什么？有哪些优势？基本使用步骤。充分了解pinia核心概念state、getter、action。pinia如何实现数据持久化。

Judy1623·2024-02-02 01:08

Vue3+TS+移动端-购物车实现详细步骤+项目优化

详情页面,三个不同的组件,要实现一个页面数据变化,另外页面数据跟着变化,那必须要使用vue中vuex,因为是vue3也可以使用piniavuex官网:https://vuex.vuejs.org/zh/pinia

前端进阶中·2024-02-01 17:59

pinia---状态管理工具

state、actions、getters对ts支持好vuex和pinia区别1.Vuex`的核心概念有：`state`,`getters`,`mutations`,`actions`,`moudles

香香爱编程·2024-02-01 13:43

Vue3中Pinia使用详细介绍、pinia持久化存储(pinia-plugin-persistedstate详细配置)

目录一、pinia是干嘛的二、安装Pinia三、封装pinia四、定义store五、Store三个核心概念1、第一个核心概念State（1）使用state中的数据（2）直接修改state中的数据（3）$

一只大黑洋·2024-02-01 11:56

Pinia和Vuex的区别

Vuex和Pinia都是Vue.js状态管理库，但它们有一些区别。1.架构设计：Vuex是Vue.js官方提供的状态管理库，而Pinia是由Vue作者维护的另一个状态管理库。

小吴吴吴呀·2024-02-01 10:37

自定义vue通用左侧菜单组件（未完善版本）

使用到的技术：vue3、pinia、view-ui-plus实现的功能：传入一个菜单数组数据，自动生成一个左侧菜单栏。菜单栏可以添加、删除、展开、重命名，拖动插入位置等。

不怕麻烦的鹿丸·2024-01-31 23:58

pinia使用持久化设置persist：true在app端无效

改成这种使用方式，不要改动getItem和setItem代码，是固定写法，我直接存储全部，如果要存部分数据可使用paths自行配置//persist:trueapp内无效persist:{storage:{getItem(key){returnuni.getStorageSync(key)},setItem(key,value){uni.setStorageSync(key,value)}}}我使

烂不烂问厨房·2024-01-31 20:13

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project(项目名)选择第二项，回车使用Ts，回车创建完成，按顺序执行以下三步骤//Done.Nowrun:cd你的项目名cnpminstall//安装依赖cnpmrundev//运行项目安装sas

极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia

极致♀雨·2024-01-31 18:36

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore",hint:"ComputerScienceAndSoftwareEngineering",guessYouLike:"GuessYouLike",},};exportdefaultmess

极致♀雨·2024-01-31 18:05

分享一个关于 Vue3+Pinia+Koa+Three.js 全栈电商的项目总结

前言前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了一、项目概述这个项目是对义务购app的一个模仿，相对于其官方app，我新增的亮点如下：商品排列布局使用瀑布流布局实现3D看商品功能实现3D看义乌商贸城同时，基础功能如下：使用

前端达人·2024-01-31 17:14

Vue3组件通信详解(上)

vuex换成了pinia。把.sync优化到了v-model里面了。把$listeners所有的东西，合并到$attrs中了。$children被砍掉了。

还能救一下嘻嘻·2024-01-31 11:17

Vue3之vue-router、pinia

路由基础路由的基本使用编程式导航命名视图2.路由传参方式一：就硬写方式二：通过query和params带参数的动态路由3.路由守卫全局前置守卫路由独享守卫组件内的守卫如何在组件外面使用vue-router和pinia1

开longlong了吗？·2024-01-31 11:12

Vue（3）——VueRouter & Pinia

1.VueRouterVue通常只有一个html文件，这就是单页面应用。而在一个页面中实现多页应用的效果，关键就在于监测页面URL的变化，当URL发生变化，则在页面中渲染相应的内容。VueRouter作为官方路由管理器，能够帮助更快的构建单页面应用。1.1基本路由①在根目录里添加切换按钮：在根组件中引用vue-router提供给我们的RouterLink组件，来修改当前路由地址，以达到组件切换的效

jiangchubiu·2024-01-31 11:11

vue笔记（二）：vue router和pinia

pinia用于组件间共享数据，替代之前的vuex功能，成为新的官方推荐。

垃圾管理员·2024-01-31 11:39

springboot3+vue3支付宝在线支付案例-渲染产品列表页面

pinia（绑定数据）,import{ref}from'vue'import{defineStore}from'pinia'importaxiosfrom'axios'constbaseUrl='http

yrldjsbk·2024-01-30 22:13

解决NuxtJS3中安装pinia报错

使用npminstallpinia安装pinia报错。

猫在裙角jslms·2024-01-30 12:07

开源：基于Vue3.3 + TS + Vant4 + Vite5 + Pinia + ViewPort适配..搭建的H5移动端开发模板

vue3.3-Mobile-template基于Vue3.3+TS+Vant4+Vite5+Pinia+ViewPort适配+Sass+Axios封装+vconsole调试工具，搭建的H5移动端开发模板

HaushoLin·2024-01-30 10:09

推荐频道

pinia