当前位置: 首页 > article >正文

VUE3 如何快速使用pinia

1. 首先安装pina

npm i pinia

2. 在main.ts或者js里面引入

//引入pinia
import {createPinia} from 'pinia'

let pinia = createPinia();

app.use(pinia)

3. 在scr下面定义一个store文件夹,下面就定义所有的pinia存储的值

import {defineStore} from 'pinia';
import {ref} from "vue";

export const useCountStore = defineStore('countStore', ()=>{
    const sum = ref(9);
    const school = ref("dasdsad");
    const address = ref("江苏省");

    const add = (value:number) => {
      sum.value += value;
    }

    return {sum, school, address,add};
})

4. 最后用的时候先引用这个ts文件


http://www.kler.cn/a/518842.html

相关文章:

  • nacos(基于docker最详细安装)
  • 工业相机 SDK 二次开发-Sherlock插件
  • Spring Boot是什么及其优点
  • SpringBoot引入第三方jar包
  • redis实现lamp架构缓存
  • 将Deepseek接入本地Vscode
  • 对于Docker的初步了解
  • 夸父计步器0.02
  • 记一次Linux共享内存段排除Bug:key值为0x0000000的共享内存段删除不了
  • android 获取图标主要颜色作背景色
  • Gurobi基础语法之字典
  • Leecode刷题C语言之找到最接近0的数字
  • 网络安全 | F5-Attack Signatures详解
  • mysql-04.索引
  • 2_高并发内存池_各层级的框架设计及ThreadCache(线程缓存)申请内存设计
  • 数据可视化的图表
  • 找不到mfc140u,具体原因分析
  • Ubuntu20.04 深度学习环境配置(持续完善)
  • RA-Eco-RA2L1-48PIN-V1.0开发板前期准备避坑指南
  • Apache Doris 2.1.8 版本正式发布