* 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
darknet drugs darknet market lists
darknet websites dark market
the dark internet dark web access
dark web links darknet seiten
dark market url dark markets
darkweb marketplace dark web sites
deep web links darknet links
deep web drug links onion market
deep web drug store dark market 2023
darknet drug links deep web drug url
bitcoin dark web dark market url
how to get on dark web dark market url
dark website darknet search engine
black internet dark market list
dark markets dark web drug marketplace
darknet market list dark web market
drug markets onion onion market
onion market deep web drug links
dark web link dark market 2023
dark web drug marketplace tor market url
darknet market lists dark web access
darknet markets darknet seiten
darknet websites dark web link
onion market darknet markets
onion market deep web links
tor dark web darknet drug market
dark web market list tor darknet
dark websites dark market list
dark web websites how to access dark web
dark web links drug markets dark web
dark web search engines dark market url
darknet market tor markets 2023
free dark web dark web sites links
onion market darknet search engine
tor markets deep web sites
darkmarket link bitcoin dark web
dark web access dark market url
darknet sites darknet market links
darkmarket list blackweb
darknet search engine deep web drug store
darkmarket list dark web search engine
bitcoin dark web deep web search
darknet sites darkmarket
darknet drug market dark markets
tor dark web deep dark web
dark web link dark market link
darknet market list bitcoin dark web
dark websites darknet drugs
darknet drug market darknet market lists
how to get on dark web drug markets dark web