pinia

47 阅读1分钟

1.npm安装pinia 2.main.js引入pinia import{creatPinia}from“pinia” app.use{creatPinia()} 3.stores文件夹里面,某个模块.js import{ref,computed}from vue import{defineStore}from ‘pinia’ export const 某变量=defineStore(‘count(某值)’,()=>{ const count =ref(0) const shuangbeicount =conputed({}=>count.value*2) function 方法名increment(){ count.valie++ } return {count,shaungbeicount,increment} }) 4.在要使用的vue界面引入 import {usecountstore} from ‘store/sount’ const countstore=usecountstore()

本值=countstore.count 计算后的二倍值=countstore.shuangbeicount 点击方法@click=“countstore.increment()”

image.png