Pinia

手写VUE后台管理系统5 - 整合状态管理组件pinia

整合状态管理组件安装整合创建实例挂载使用pinia是一个拥有组合式API的Vue状态管理库。
死牛胖子·2023-11-30 11:44

pinia从入门到使用

pinia:比vuex更适合vue3的状态管理工具，只保留了vuex原有的state,getters，actions作用等同于datacomputedmethods，可以有多个state1.安装创建导入安装
小师叔丄·2023-11-30 05:29

Vite3+Vue3+JavaScript：搭建企业级轻量框架实践（值得收藏）

稳稳的被我踩了我们下面做了什么：使用vite从零构建vue3的一个项目模版用eslint做代码规范化用githook来限制代码，如果不规范，不给commitvite配置UI库按需自动引入（相关其他的配置）pinia
web老猴子·2023-11-29 12:49

Vite + Vue3 实现前端项目工程化

数字化管理平台Vue3+Vite+VueRouter+Pinia+Axios+ElementPlusVue权限系统案例个人博客1.初始化项目通过官方脚手架初始化项目第一种方式，这是使用vite命令创建，
MagnumHou·2023-11-29 12:48

从 0 搭建 Vite 3 + Vue 3 Js版 前端工程化项目

技术栈Vite3-构建工具Vue3VueRouter-官方路由管理器Pinia-VueStore你也可以选择vuexelement-plus-UI组件库Sass-CSS预处理器Axios-一个基于promis
随便起的名字也被占用·2023-11-29 12:42

修改pinia数据

数据定义在store中新建文件夹user.ts代码为import{defineStore}from"pinia";import{store}from"@/store";import{userType}from
m0_56666791·2023-11-27 19:17

使用 Pinia 的五个技巧

在这篇文章中，想与大家分享使用Pinia的五大技巧。
冲浪中台·2023-11-27 16:49

vue3 使用pinia小计

/App.vue'import{createPinia}from'pinia'constapp=createApp(App)constpinia=createPinia()app.use(pinia)app.mount
Gifted_·2023-11-27 07:59

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第八章 Layout组件 (Element-Plus的使用)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、Login登录页二、Layout组件三、修改路由四、界面测试总结前言前面我们已经对项目整体有了一定的配置，已经学习了使用路由来将页面链接和组件关联起来，下面我们就增强这种关联，利用路由和eleemnt-plus组件，将项目的全貌简单搭建出来。一、Login登录页因为前面我们已经讲完了路由部分，所以现在我们需要一个简单的登录页，来实现界
SmallTeddy·2023-11-26 22:03

好物周刊#31：在线格式转换

一、项目1.SoybeanAdmin一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主
村雨遥·2023-11-26 21:37

Pinia的使用技巧

/App.vue'import{createPinia}from'pinia'constapp=createApp(App)app.use(createPinia())app.mount('#app')
QAEARQ·2023-11-26 11:01

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第九章 登录开发 (Pinia的使用和数据持久化)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、对比vuex的优势二、Pinia的安装和配置1、安装2、配置3、测试三、数据持久化1、为什么要做持久化2、pinia-plugin-persistedstate
SmallTeddy·2023-11-26 05:39

VUE3.x

vue3搭项目的配套方案:vite+vue3+pinia+vue-router4一.概述vue3最大的改进:用proxy重写响应式ES6,即ES2015越灵活的东西,越不可控扩展性更好,代码更不容易组织
假以时日♪·2023-11-25 08:08

同时创建多个websoket（初始化多个连接、断开的重连、每个连接定时发消息、每个连接存储接收的数据（vuex或者pinia））

可复制现成代码直接使用！！1.下边的例子演示了创建10个WebSocket实例，当其中某一个连接失败时，会自动进行重连import{ref,reactive,onMounted}from"vue";constperson=reactive({});constwsConnections=ref([]);onMounted(()=>{//初始化创建一个ip数组遍历过后调用创建十个sokect实例con
m0_63701303·2023-11-25 02:42

Vue3.2开发一个博客Demo项目

Vue3.2开发一个博客Demo项目技术选型Vue3+Vue-router+Pinia+ElementPlus代码地址https://gitee.com/galen.zhang/vue3-demo/tree
GalenZhang888·2023-11-24 20:16

Vite构建项目：Vue3 + Ts + Pinia + VueRouter + AntDesignVue

本文参考：Vite快速构建Vue项目本文记录快速构建Vite+Vue3项目的过程，包含以下7个步骤，3-7项都是可选项，可以按个人需要进行配置，比如可以用vuex代替pinia，采用其他Vue组件代替AntDesignVue
阿华tian·2023-11-24 20:14

vue3 + ts + pinia + router + eslint 项目创建起步流程

vue3+ts+pinia+router+eslint项目起步流程创建项目目标：使用vite初始化项目核心步骤：初始化项目yarncreatevue或npminitvue一顿操作√Projectname
wendyymei·2023-11-24 20:13

vue3+ts+antDesign+pinia+axios+svg简单基座配置过程

1.基础1.卸载老版本vue-cli：yarnglobalremovevue-cli2.卸载老版本vue：yarnglobalremovevue3.安装vue最新版本：yarnglobaladdvue@next4.安装vue-cli最新版本：yarnglobaladd@vue/cli@next2.安装使用vite安装vue(vite创建项目)这里也有更多的模版npminitvite@latest-
Liszter·2023-11-24 20:11

我做了一个vue3的js版管理系统，基于 Vue 3 + js + Pinia +Vite + Ant Design Vue 构建，快来瞧瞧

基于Vue3+js+Pinia+Vite+AntDesignVue构建做这个项目主要原因：全网大都是Vue3+TypeScript版本的,soso决定做一个JavaScript版本
书中枫叶·2023-11-24 20:10

使用 Vue3 + Pinia + Ant Design Vue3 搭建后台管理系统

Vue3&AntDesignVue3基础nodejs版本要求：node-v18.16.0-x64nodejs基础配置npm-vnode-vnpmconfigsetprefix"D:\software\nodejs\node_global"npmconfigsetcache"D:\software\nodejs\node_cache"npmconfiggetregistrynpmconfigsetr
GalenZhang888·2023-11-24 20:39

Vue3-Pinia

Pinia是什么Pinia是Vue的最新状态管理工具，是Vuex的替代品比Vuex更大的优势在于：1.提供更加简单的API（去掉了mutation）2.提供符合，组合式风格的API（和Vue3新语法统一
小沐°·2023-11-24 20:39

前端本地存储数据库IndexedDB

4、localForage的使用5、VUE推荐使用Pinia管理localForage1、前言前端本地化存储算是一个老生常谈的话题了，我们对于cookies、WebStorage（sessionStorage
前端~初学者·2023-11-24 19:17

pinia与vuex对比

Vue3中使用Vuex的话需要使用Vuex4，并且存在很大缺陷，所以在ComponsitionAPI诞生之后，也就设计了全新的状态管理Pinia.1.Pinia对vue2和vue3都支持,尤其是TypeScript
肥羊猪·2023-11-24 16:24

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第五章 组件库安装和使用(Element-Plus基础配置)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、安装二、快速开始三、自动引入1、首先你需要安装`unplugin-vue-components`和`unplugin-auto-import`这两款插件2、在`vite.config.ts`文件中添加如下代码四、自己配置vite和plugins1、安装`plugins`2、添加`vite.plugins.ts`文件3、修改`vite.
SmallTeddy·2023-11-24 14:39

【V3 Admin Vite】一个项目让你熟悉 Vue3 以及相关生态

⚡简介V3AdminVite是一个免费开源的中后台管理系统基础解决方案，基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流技术。⭐关键字免费：是个优点吧？
pany-ang·2023-11-24 13:24

使用Vue3 +Vite + Pinia手把手搭建项目

前言：公司项目是使用vue2版本的所以查看了一下node版本14.15.0但是去vite官网看了一下所以要对node升级，如果node版本高于14.18就不用升级，推荐一个非常好用的工具nvm可以下载多个不同版本的node随意切换非常方便nvm使用常用的命令有：-nvmlistavailable查看可在线安装的NodeJS版本-nvminstall安装指定版本的Node.js-nvmuse切换到指
ZhouXin_0819·2023-11-24 13:24

使用Vite快速构建Vue3+ts+pinia脚手架

一、前言vue2+webpack的时代要过去了，主要是启动时间太慢了。所以还是比较推荐使用Vite进行构建，vue3官方也是推荐的！！速度快，基本上是秒杀级别的！带的例子还是vue3最新的组合式语法糖setup。二、vite介绍和搭建1.介绍Vite官网Vite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！Vite3需要Node.js版本
小何爆炸·2023-11-24 13:25

前端学习--React(3)

一、Redux集中状态管理工具，不需要react即可使用，每个store的数据都是独立于组件之外的vue小链接：vuex/pinia基本使用Redux将数据修改流程分成三个概念，state、action
Michelle209·2023-11-24 09:05

vue3+TS+pinia+解构分层 实现 渲染增删改查

体检项管理页面(view):体检项管理数据筛选查询重置批量删除添加导入{{scope.row.itemsId}}{{scope.row.enable==1?"启用":"禁用"}}-->启用禁用编辑删除取消确定取消确定//----------------------------->-----------------------------import{ElMessage,ElMessageBox}f
天下秦风101·2023-11-24 01:43

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 系列文章(目录)

系列文章目录第一章技术栈简介(开篇)第二章环境部署(Node等环境安装)第三章项目创建(Vite项目初始化)第四章认识项目目录(项目整体介绍)第五章组件库安装和使用(Element-Plus基础配置)第六章样式格式化(Sass配置)第七章路由配置(vue-router深入解读)第八章Layout组件(Element-Plus的使用)第九章请求配置(Axios请求和响应拦截)第十章登录开发(Pini
SmallTeddy·2023-11-24 01:42

Vue3 状态管理 - Pinia

1.什么是PiniaPinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更加简单的APl（去掉了mutation，Pinia中对state数据的修改可以直接通过action，Vuex
清梦压星河_Ciao·2023-11-23 20:18

Pinia 计数器

新增stores目录在stores目录里面新增一个counter.js文件文件代码：import{defineStore}from'piniaexportconstuseCounterStore=defineStore('counter',{state:()=>{return{count:0}},//也可以这样定义//state:()=>({count:0})actions:{increment(
白开水为啥没味·2023-11-23 20:05

Pinia状态管理及持久化

在使用Pinia进行状态管理时，只要页面刷新，全局变量就会丢失。经过查找，找到了一篇不错的Pinia指导文章，感谢大佬！
哟哟-·2023-11-23 11:13

黑马React18: Redux

黑马React:ReduxDate:November19,2023Sum:Redux基础、Redux工具、调试、美团案例Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia
CaptainDrake·2023-11-23 07:48

Vue3全局共享数据

目录1，Vuex2，provide&inject2，globalstate4，Pinia5，对比1，Vuexvue2的官方状态管理器，vue3也是可以用的，需要使用4.x版本。
下雪天的夏风·2023-11-23 05:32

（vue3.x+vite）组件间通信方式之pinia

前端技术社区总目录（订阅之前请先查看该博客）示例效果Pinia简介Pinia是Vue的存储库，它允许您跨组件/页面共享状态。
地图之家家长·2023-11-22 17:39

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第七章 路由配置(vue-router深入解读)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、介绍二、安装三、基础用法1、基础路由配置2、声明式导航和编程式导航1、声明式导航2、编程式导航3、嵌套路由4、动态路由匹配1、如何将多路径映射至同一组件2、代码演示5、命名、重定向和别名1、命名2、重定向3、路由别名6、路由传参7、不同的历史模式1、hash模式2、html5模式3、两种模式差异四、路由守卫1、完整的导航解析流程2、全
SmallTeddy·2023-11-22 17:19

Vue公共loading升级版（处理并发异步差时响应）

公共loading是项目系统中很常见的场景，处理方式也不外乎三个步骤：通过全局状态管理定义状态值（vuex、pinia等）。在程序主入口监听状态值变化，从而展示/隐藏laoding动画。
快乐非自愿·2023-11-22 11:32

uniapp+vue3使用pinia，安卓端报错白屏

报错内容：reportJSException>>>>exceptionfunction:createInstanceContext,exception:whitescreencausecreateinstanceContextfailed,checkjsstack->atuseStore2(app-service.js:1487:15)at(app-service.js:1714:17)at(ap
胡桃夹夹子·2023-11-22 07:48

【pinia】Store的两种声明方式：Option和Setup声明

1.Option选项式声明state:存放共享数据getters:相当于计算属性actions：异步操作exportconstuseCounterStore=defineStore('counter',{state:()=>({count:0}),//为了完整类型推理，推荐使用箭头函数getters:{double:(state)=>state.count*2,},actions:{increme
白桃与猫·2023-11-22 04:08

Pinia

目录一、基本使用二、定义一个Store三、State1.从store中获取的数据解构后不具备响应式2.使用storeToRefs()可以使解构后的数据具有响应式3.读取和写入state1.修改state，默认情况下，可以通过store实例访问状态来直接读取和写入状态2.重置state，调用store上的$reset()方法将状态重置到其初始值3.改变state，除了直接使用store.counte
nknmn_·2023-11-21 21:49

pinia学习笔记

官方文档：https://pinia.web3doc.top/introduction.html注意点：store中只有三个概念state、getters和actions可以理解成属性、计算属性、属性的操作方法不能直接解构
黑夜中起飞·2023-11-21 18:08

Vue3+Pinia+keep alive移动端缓存列表页

页面大致流程页面比较简单，只有首页能进入列表页，列表页可以进入详情页，当详情页返回列表页需要看到缓存列表页数据；如果详情页保存，返回列表页需要更新列表页数据；通过keep-aliveinclude包含列表页缓存页面，:include="cachedViews.views"，cachedViews.views为['列表页路由Name]（存到store方便多处使用）列表页返回首页不需要缓存，在首页清空
学渣y·2023-11-21 14:23

vue3 + pinia 持久化缓存

pinia文档pinia下载yarnaddpiniamain.tsimport{createApp}from'vue';importAppfrom'.
潇、然·2023-11-21 14:22

vue3使用pinia进行本地储存

1.安装npminstallpinianpminstallpinia-plugin-persist2.新建文件src/store/index.tsimport{createPinia}from'pinia'importpiniaPluginPersistfrom'pinia-plugin-persist'conststore
great-sun·2023-11-21 14:22

vue中使用Pinia vue3+Pinia（含详情流程和代码）

Pinia的使用流程Pinia下载Pinia导入挂载创建store状态管理库定义状态容器(仓库)读取Store数据Pinia中的actions使用Pinia中的Getters使用效果Getters的缓存特性
路人贾！·2023-11-21 14:19

vue3+pinia 实现缓存未提交的表单数据，下次进来可以继续编辑

vue3+pinia实现缓存未提交的表单数据，下次进来可以继续编辑随着vue3的普及vue3的状态管理工具也进行了升级pinia比vueX更加适配vue3下面是我用vue3+pinia实现的效果通常情况下用户可能在表单页面填了很多信息但是没有保存就退出来了
只想CV·2023-11-21 14:49

vue3中pinia用法

/App.vue";import{createPinia}from"pinia";constpinia=createPinia();createApp(App).use(pinia).mount("#app
搬砖的阿鲁·2023-11-21 14:45

vue3使用pinia实现数据缓存

文章目录前言一、pinia是什么？
失眠时间·2023-11-21 14:43

跨平台开发uni-app快速上手

及页面的生命周期为了兼容多端运行建议使用flex布局推荐使用rpx单位（750设计稿）main.jsmain.js是uni-app的入口文件主要作用是初始化vue实例定义全局属性定义全局组件安装插件如pinia
_聪明勇敢有力气·2023-11-21 13:43
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他