* pinia是什么?
* Pinia官网:Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。
* 即数据共享。在使用过pinia后,相信你也会对它爱不释手的,下面我们来聊聊如何安装。
目录
安装pinia
- 来到你的项目文件夹
- 在vscode的终端中执行:npm i pinia -D
- 在 /src/modules文件夹下新建文件 pinia.js
- 写入:
import { createPinia } from "pinia"
const pinia = createPinia()
export default pinia
修改main.js
- 增加:
import pinia from "./modules/pinia"
//...
app.use(pinia)
- 最终main.js文件:
创建stores
- 在 /src文件夹内新建文件夹stores,用来存放状态管理
- 这里我们示例创建一个计数管理,counter.js
- 里面写入:
import { defineStore } from "pinia"
export const useCounterStore = defineStore('counter', {
state() {
return {
num:1
}
},
actions: {
inc() {
++(this.num);
}
}
})
使用counter
- 在你想使用counter的页面中导入并使用,这里以home.vue示例:
<script setup>
import { useCounterStore } from "../stores/counter"
const counter = useCounterStore()
</script>
<template>
<div>这里是home.vue捏</div>
<span>{{counter.num}}</span>
<button @click="counter.inc()">点我</button>
</template>
- home页面效果:
- 进入页面后,计数为1
- 点击按钮时,每点击一次,计数 + 1
http://indiaph24.store/# top 10 pharmacies in india
https://mexicoph24.life/# reputable mexican pharmacies online
best canadian online pharmacy reviews canadian pharmacies pharmacies in canada that ship to the us
mexico drug stores pharmacies: purple pharmacy mexico price list – mexican online pharmacies prescription drugs
http://canadaph24.pro/# canadian pharmacy tampa
mexico drug stores pharmacies cheapest mexico drugs best online pharmacies in mexico
http://indiaph24.store/# online pharmacy india
mexican pharmaceuticals online Mexican Pharmacy Online buying from online mexican pharmacy
https://canadaph24.pro/# prescription drugs canada buy online
buying prescription drugs in mexico online cheapest mexico drugs mexican rx online
https://canadaph24.pro/# canada drugs online reviews
canadian pharmacy mall Large Selection of Medications from Canada maple leaf pharmacy in canada
https://indiaph24.store/# Online medicine home delivery
pharmacy website india buy medicines from India indian pharmacy online
https://canadaph24.pro/# canada pharmacy online
cheapest online pharmacy india Generic Medicine India to USA buy prescription drugs from india
http://canadaph24.pro/# canadian pharmacy sarasota
canadapharmacyonline com Certified Canadian Pharmacies my canadian pharmacy rx
п»їbest mexican online pharmacies Mexican Pharmacy Online п»їbest mexican online pharmacies
mexican rx online: mexican pharmacy – mexican pharmaceuticals online
buy prescription drugs from india Cheapest online pharmacy п»їlegitimate online pharmacies india
https://mexicoph24.life/# mexico drug stores pharmacies
Online medicine home delivery buy medicines from India world pharmacy india
casino tr?c tuy?n vi?t nam choi casino tr?c tuy?n tren di?n tho?i casino tr?c tuy?n uy tin
http://casinvietnam.shop/# choi casino tr?c tuy?n tren di?n tho?i
casino tr?c tuy?n uy tín: choi casino tr?c tuy?n trên di?n tho?i – dánh bài tr?c tuy?n
danh bai tr?c tuy?n casino tr?c tuy?n uy tin casino tr?c tuy?n uy tin
https://casinvietnam.com/# casino online uy tin
web c? b?c online uy tín: casino tr?c tuy?n – game c? b?c online uy tín
danh bai tr?c tuy?n casino tr?c tuy?n vi?t nam casino tr?c tuy?n uy tin
http://casinvietnam.shop/# casino tr?c tuy?n
casino tr?c tuy?n vi?t nam: casino tr?c tuy?n – casino tr?c tuy?n uy tín
casino tr?c tuy?n vi?t nam game c? b?c online uy tin casino tr?c tuy?n
casino online uy tín: casino tr?c tuy?n vi?t nam – casino tr?c tuy?n uy tín
https://casinvietnam.com/# casino tr?c tuy?n vi?t nam
web c? b?c online uy tin casino tr?c tuy?n uy tin game c? b?c online uy tin
game c? b?c online uy tín: casino tr?c tuy?n vi?t nam – dánh bài tr?c tuy?n
http://casinvietnam.com/# web c? b?c online uy tin
casino online uy tin choi casino tr?c tuy?n tren di?n tho?i casino tr?c tuy?n uy tin
casino tr?c tuy?n vi?t nam: choi casino tr?c tuy?n trên di?n tho?i – casino tr?c tuy?n
http://casinvietnam.shop/# choi casino tr?c tuy?n tren di?n tho?i
casino tr?c tuy?n casino tr?c tuy?n uy tin casino online uy tin
game c? b?c online uy tín: game c? b?c online uy tín – dánh bài tr?c tuy?n
game c? b?c online uy tin casino tr?c tuy?n uy tin casino tr?c tuy?n
casino online uy tín: casino tr?c tuy?n – game c? b?c online uy tín
https://casinvietnam.com/# game c? b?c online uy tin
game c? b?c online uy tín: dánh bài tr?c tuy?n – choi casino tr?c tuy?n trên di?n tho?i
https://casinvietnam.shop/# casino online uy tin
casino tr?c tuy?n vi?t nam: casino tr?c tuy?n – casino tr?c tuy?n vi?t nam
http://casinvietnam.shop/# casino tr?c tuy?n