BestHub
Sign in
Tag

Pinia

0 views collected around this technical thread.

IT Services Circle
IT Services Circle
May 17, 2025 · Frontend Development

Essential Vue3 Ecosystem Tools and Their Installation Guides

This article introduces a curated collection of Vue 3 ecosystem tools—including create‑vue, TypeScript support, vue‑router, Pinia, Vite, VueUse, ESLint/Prettier, UnoCSS, UI component libraries, debugging plugins, uni‑app, electron integration, VitePress, and Nuxt—providing concise descriptions and npm installation commands to help developers quickly set up modern front‑end projects.

NuxtPiniaTypeScript
0 likes · 8 min read
Essential Vue3 Ecosystem Tools and Their Installation Guides
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 21, 2025 · Frontend Development

Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref

This article provides a comprehensive guide to Vue 3 component communication, covering parent‑to‑child props, child‑to‑parent emit, sibling communication via parent mediation, event bus, Pinia state management, provide/inject, shared reactive objects, and component instance references, with code examples and a comparison table.

Component CommunicationEmitPinia
0 likes · 13 min read
Component Communication in Vue 3: Props, Emit, Sibling Communication, Event Bus, Pinia, Provide/Inject, and Ref
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 9, 2025 · Frontend Development

A Comprehensive Guide to Using Pinia for State Management in Vue 3

This article explains why Pinia is a lightweight alternative to Vuex, shows how to install and configure Pinia in a Vue project, demonstrates both option‑store and setup‑store definitions, covers state, getters, actions, destructuring techniques, built‑in helpers like $reset, $patch, $state, $subscribe, and introduces persistence with pinia‑plugin‑persistedstate.

JavaScriptPiniaVue
0 likes · 9 min read
A Comprehensive Guide to Using Pinia for State Management in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 1, 2024 · Frontend Development

Migrating a Vue2 Project to Vue3 with Pinia and Composition API

This article details a step‑by‑step migration from Vue 2 to Vue 3, emphasizing the use of the latest Vue 3 version, TypeScript typings, replacing mixins with composition functions, adopting Pinia for state management, and demonstrating how to share and protect reactive state with composition APIs.

Composition APIPiniaTypeScript
0 likes · 8 min read
Migrating a Vue2 Project to Vue3 with Pinia and Composition API
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 18, 2024 · Frontend Development

Implementing Page and Button Permission Control in Vue.js Using RBAC

This article explains how to build a Vue.js admin interface with role‑based access control, covering ACL vs. RBAC concepts, dynamic route generation, layout composition, Pinia state management, custom permission directives for page and button visibility, and alternative v‑if based checks.

Element-PlusPiniaRBAC
0 likes · 13 min read
Implementing Page and Button Permission Control in Vue.js Using RBAC
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 18, 2024 · Frontend Development

Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide

This guide walks through setting up a Vue3 project with Vite4, Pinia, and Axios—including version specifications, directory structure, installation commands, Pinia persistence, Axios configuration, auto‑import setup, and Uni‑UI integration—providing complete code snippets for each step.

AxiosPiniaVite4
0 likes · 9 min read
Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide
Java Captain
Java Captain
May 10, 2024 · Frontend Development

Douyin‑Vue: A TikTok‑Like Short Video Front‑End Project and Setup Guide

This article introduces the open‑source Douyin‑Vue project—a TikTok‑style short‑video app built with Vue 3, Vite 5 and Pinia—provides its repository and demo links, and walks through the required environment setup and local deployment steps.

GitHubPiniaVue3
0 likes · 2 min read
Douyin‑Vue: A TikTok‑Like Short Video Front‑End Project and Setup Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 18, 2024 · Frontend Development

Implementing One‑Click Theme Switching and Custom Color Themes for ECharts in Vue3 with TypeScript

This article demonstrates how to integrate ECharts into a Vue3 + TypeScript project, create a reusable useEcharts hook for rendering charts, implement one‑click theme switching, and generate custom chart themes from user‑selected colors using the tvision‑color library and Pinia store management.

Custom ColorsEChartsPinia
0 likes · 10 min read
Implementing One‑Click Theme Switching and Custom Color Themes for ECharts in Vue3 with TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 27, 2023 · Frontend Development

Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3

This article examines whether Pinia or Vuex is required for Vue 3 projects by comparing their features, discussing scenarios such as shared state, devtools, hot‑module replacement, TypeScript support, SSR, and offering simple native alternatives with code examples.

PiniaSSRTypeScript
0 likes · 10 min read
Is Pinia/Vuex Really Necessary? A Critical Look at State Management in Vue 3
政采云技术
政采云技术
Oct 18, 2023 · Frontend Development

Getting Started with Pinia: Installation, Store Creation, and Core Concepts

This guide introduces Pinia, a lightweight Vue state‑management library, covering its installation, creation of a Pinia instance, defining stores in both options and setup styles, and detailed usage of state, getters, and actions with code examples, highlighting its simplicity compared to Vuex.

JavaScriptPiniaTypeScript
0 likes · 8 min read
Getting Started with Pinia: Installation, Store Creation, and Core Concepts
DaTaobao Tech
DaTaobao Tech
Mar 27, 2023 · Frontend Development

Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment

This step‑by‑step guide shows backend developers how to create a small management system with Vue 3, TypeScript, Vite, and SpringBoot, covering the technology stack, development‑tool installation, project scaffolding, core components, routing, Pinia state, Axios API wrappers, TypeScript interfaces, environment configuration, and deployment.

AxiosPiniaSpringBoot
0 likes · 22 min read
Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 29, 2022 · Frontend Development

Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More

This article provides a step‑by‑step tutorial on installing the stable Nuxt 3 release, explaining server‑side rendering concepts, configuring routes, layouts, components, plugins, composables, Pinia, VueUse, CSS preprocessing, and best practices for building a modern frontend application.

ComposablesNuxt3Pinia
0 likes · 18 min read
Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2022 · Frontend Development

Comprehensive Guide to Using Pinia for State Management in Vue

This article provides an in‑depth tutorial on Pinia, covering its origins, differences from Vuex, installation, store definition, state, getters, actions, plugin creation, persistence strategies, and practical code examples for integrating Pinia into Vue applications.

JavaScriptPiniaTypeScript
0 likes · 15 min read
Comprehensive Guide to Using Pinia for State Management in Vue
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 1, 2022 · Frontend Development

Comprehensive Guide to Building a Vue 3 + Vite + TypeScript Project with Full Tooling and Best Practices

This tutorial walks through setting up a modern Vue 3 development environment using Vite, TypeScript, ESLint, Stylelint, Pinia, Vue‑Router, Naive UI, ECharts, and Axios, covering Node.js installation, project scaffolding, configuration files, code standards, git hooks, and integration steps for each library.

EChartsESLintNaive UI
0 likes · 37 min read
Comprehensive Guide to Building a Vue 3 + Vite + TypeScript Project with Full Tooling and Best Practices
ByteFE
ByteFE
Jan 7, 2022 · Frontend Development

Curated Frontend Development Resources and Articles

This collection presents a variety of recent frontend‑focused articles and tutorials—including WebGPU fundamentals, low‑code implementation principles, Esbuild performance tricks, design‑pattern insights, TypeScript type programming, NestJS dependency injection, Pinia state management, image‑loading optimization, and Immer.js immutable data handling—each accompanied by QR‑code links to the original sources.

Image OptimizationNestJSPinia
0 likes · 7 min read
Curated Frontend Development Resources and Articles