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