目录
pinia相当于vue2中的vuex,pinia也是vue.js状态管理库。
搭建pinia环境
下载
npm install pinia
创建
src/main.js
import { createApp } from 'vue'
import App from './App.vue'
/* 引入createPinia,用于创建pinia */
import { createPinia } from 'pinia'
/* 创建pinia */
const pinia = createPinia()
const app = createApp(App)
/* 使用插件 */
app.use(pinia)
app.mount('#app')
存储数据
它有三个概念:store、getters、actions,相当于组件中的data、computed和methods。
src/store/count.js
// 引入defineStore用于创建store
import {defineStore} from 'pinia'
// 定义并暴露一个store
export const useCountStore = defineStore('count',{
// 动作
actions:{
increment(value) {
this.sum += value
}
},
// 状态
state(){
return {

最低0.47元/天 解锁文章
969

被折叠的 条评论
为什么被折叠?



