Hatena Blog Tags
はてなブログ トップ
Pinia
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Pinia

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Hanatare's PaPa •3ヶ月前

【Vue.js 3】複数階層を跨ぐコンポーネントのデータの受け渡し

前回の記事では、直接的な親子関係にあるコンポーネント間の通信について「props」と「emit」についてまとめました。 www.hanatare-papa.jp しかし、アプリケーションが複雑になり、親子関係を超えた、コンポーネント同士でデータを共有したくなることがあります。例えば、一番上の階層にあるコンポーネントのデータを、5階層下の孫のようなコンポーネントで使いたい場合、中間の3つのコンポーネントは、自分では使わないデータをただ下へ下へと受け渡すためだけにpropsを定義しなければなりません。これは非常に冗長で、コンポーネントの再利用性を損ないます。 今回は、この「プロップスのバケツリレー…

#Vue.js#Pinia#Provide / Inject

関連ブログ

every Tech Blog•1年前

Vuex から Pinia への移行を行いました

はじめに この記事は、every Tech Blog Advent Calendar 2024(夏) の1日目の記事です。 DELISH KITCHEN開発部の羽馬(@NaokiHaba)です。 この記事では、DELISH KITCHEN チラシ で使用している Vuex の Pinia への移行について紹介します。 chirashi.delishkitchen.tv 本記事では、これらの知識があることを前提に説明を進めます。 Vue.jsの基本的な知識 Nuxt.jsの基本的な知識 Vuexの基本的な知識 Piniaとは Pinia（ピーニャ）は、Vue.js用の新しい状態管理ライブラリです…

#アドベントカレンダー2024(夏)#Vuex#Pinia#Nuxt.js#Vue.js#フロントエンド
ソフトウェア開発者のための OSS、まとめてみました！•2年前

美しい管理者用ダッシュボード画面を使ってみたいなら！「Soybean Admin」

概要 管理者用画面としてとてもきれいな画面を提供している OSS を見つけましたので、今回はこちらについてご紹介します。 今回ご紹介する OSS は、Vue3、Vite5、TypeScript、Pinia、UnoCSS などの最新のフロントエンド技術に基づいた、見た目がとてもきれいな管理者用テンプレート「Soybean Admin」になります。 「Soybean Admin」は管理者用テンプレート画面をワンストップで、こちらの機能をそのままの状態で提供してくれるということです。 それでは早速こちらの OSS についてみていきましょう！ 目次 概要 目次 特徴 利用手順 事前準備 インストール方…

#OSS#Soybean Admin#Vue3#Vite5#TypeScript#Pinia#UnoCSS#管理者画面#ダッシュボード
ha6_6ruブログ•3年前

PiniaのactionからVue Routerを使ってルーティング

概要 Pinia のドキュメントに記載の通り、ストアインスタンスのプロパティに Vue Router のインスタンスを設定することにより、 action から Vue Router を使うことができるようになります。これによって、action 内でルーティングを行うことができます。 公式ドキュメントの解説: https://pinia.vuejs.org/core-concepts/plugins.html#adding-new-external-properties 実装例 公式ドキュメントで省略されている箇所も含めてコード例を記載します。 main.ts import { createAp…

#Vue3#Pinia#Vue Router