pinia 的使用(笔记)
创始人
2024-05-30 19:12:43
0次

文章目录

      • 1. Pinia 与 Vuex 的区别
      • 2. pinia 安装与搭建
      • 3. pinia 的使用
        • 3.1 基本使用
        • 3.2 订阅状态
        • 3.3 订阅 actions

1. Pinia 与 Vuex 的区别

  • Pinia 是 Vue 的状态管理库，相当于 Vuex 取消了 mutations，取消了 Module 模块化命名空间
  • 现在的 pinia 采用的是扁平化，每一块 store 都是一个命名空间
  • 还支持了 plugins 等

2. pinia 安装与搭建

  • 使用 npm 安装
    npm i pinia
  • 创建 store/index.js 文件
    import { defineStore } from "pinia"// defineStore(当前 store 的 Id, {配置项})
export const countStore = defineStore("count", {// 状态state: () => {return {count: 1}},// 计算属性getters: {// 这里的计算属性使用时，为一个属性而不是方法increaseNum(store) {return store.count * 10}},// 方法actions: {addCount(value) {this.count += value}}
})
  • 在 main.js 中引入
    // 这是 Vue3 的引入方式，Vue2 不太一样
import { createApp } from "vue";
import App from "./App.vue";
import { createPinia } from "pinia";const app = createApp(App);
app.use(createPinia());
app.mount("#app");

这样就可以在任意位置引入 store 了

3. pinia 的使用

3.1 基本使用

3.2 订阅状态

3.3 订阅 actions
词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：互相关函数以及Matlab仿真

下一篇：Leetcode.2416 字符串的前缀分数和

相关内容

热门资讯

植树节宣传标语 植树节宣传标语（精选70句）　　在学习、工作或生活中，大家都有令自己印象深刻的标语吧，标语是用简短文...
道路交通安全标语口号 道路交通安全标语口号120句　　道路交通安全时时刻刻都那么重要，下面是YJBYS小编为大家整理的道路...
防诈骗宣传口号 关于防诈骗宣传口号（精选75句）　　在日常学习、工作和生活中，许多人都接触过一些比较经典的口号吧，口...
医院医疗广告标语 医院医疗广告标语　　1。走进我院 还你健康　　2。权威机构，值得信赖！　　3。一流的医疗设备、一流的...
学校宣传标语 学校宣传标语(15篇)　　无论是身处学校还是步入社会，大家都接触过比较经典的标语吧，借助标语可以达到...
吸引人的卖车广告语 吸引人的卖车广告语　　在日常的学习、工作、生活中，许多人都接触过一些比较经典的广告词吧，广告词具有引...
夸学生作业优秀的评语 夸学生作业优秀的评语（精选50句）　　学生，也叫学子；一般指正在学校、学堂或其他学习地方受教育的人，...
崔九欲往南山马上口号与别原文... 崔九欲往南山马上口号与别原文及赏析　　在生活、工作和学习中，大家最不陌生的就是口号了吧，口号要在受众...
绿色环保宣传标语 绿色环保宣传标语（精选630句）　　在平时的学习、工作或生活中，说到标语，大家肯定都不陌生吧，标语是...
经典的婚纱摄影宣传广告词 经典的婚纱摄影宣传广告词　　在平日的学习、工作和生活里，大家或多或少都接触过一些经典的广告词吧，借助...
学生防溺水的宣传标语 学生防溺水的宣传标语大全　　安全第一，珍爱生命，预防溺水，从我做起。下面是小编收集整理的学生防溺水的...
双十一广告语 双十一广告语　　广告语指通过宣传的方式来增大企业的知名度，广告语也是市场营销里必不可少使商家获得利润...
平安创建宣传标语经典 平安创建宣传标语经典平安建设为人民，建设平安靠人民，平安成果惠人民，平安创建宣传标语经典。平安创建宣...
封顶条幅的标语 关于封顶条幅的标语　　大楼封顶，工程就要到最后一步了，此时应该挂出封顶条幅标语，提醒广大员工，再坚持...
招聘宣传标语 招聘宣传标语15篇　　在日复一日的学习、工作或生活中，许多人都接触过一些比较经典的标语吧，标语既有公...
关于节约用纸的标语 　　关于节约用纸的标语　　1、节约纸张，人人有责。　　2、浪费纸张，等于破坏绿色家园。　　3、节约每...
办公室节约用纸用电标语 　　我们这个世界上的很多资源都是有限的，并不是无限的，我们要时刻告诉自己学会节约，爱护资源。下面是小...
学校安全管理宣传标语 学校安全管理宣传标语（精选50句）　　在日常学习、工作和生活中，大家都对那些朗朗上口的标语很是熟悉吧...
朗朗上口霸气又励志的口号 朗朗上口霸气又励志的口号　　在日常学习、工作或生活中，大家最不陌生的就是口号了吧，口号以其时间性、阶...
高三高考标语 高三高考标语（精选80句）　　在学习、工作或生活中，大家都经常接触到标语吧，标语肩负着“社教”的使命...