Pinia+Router学习笔记(一)

简介: 本系列笔记内容根据B站up主“小满zs”视频教程整理而成,本节记录pinia的搭建过程

Pinia是Vue的下一代状态管理插件,其目的是代替Vuex,并且由于Pinia是用TypeScript重构的,因此对于TS的支持会更好,以下是一个最简单的搭建Pinia的例子

安装:pnpm add pinia
import { defineStore } from 'pinia'
import { Names } from './store-name'

// defineStore接收两个参数,第一个是仓库的唯一标识,第二个是state等配置项
export const useTestStore = defineStore(Names.TEST, {
  // state是一个函数
  state: () => {
    return {
      current: '开始你的炸弹秀',
      name: '小满zs',
      num:6,
    }
  },
  // computed一些值
  getters: {

  },
  // 相当于methods,可以做同步、异步操作、提交state等
  actions: {

  },
})
// 定义一个枚举类型,其中的TEST就是在pinia中使用的唯一标识
export const enum Names {
  TEST = 'TEST',
}
相关文章
mybatis-plus随机查询工具类(二)
mybatis-plus随机查询工具类(二)
319 0
postcss-px-to-viewport-8-plugin 适配
postcss-px-to-viewport-8-plugin 适配
1673 0
|
Java 应用服务中间件
SpringBoot集成使用jsp(超详细)
SpringBoot集成使用jsp(超详细)
SpringBoot集成使用jsp(超详细)
|
Java Maven Windows
java 获取视频第一帧 | Java工具类
java 获取视频第一帧 | Java工具类
java 获取视频第一帧 | Java工具类
|
JavaScript
Vue项目如何生成树形目录结构
这篇文章介绍了如何在Vue项目中生成树形目录结构,通过安装并使用`mddir`命令行工具来创建一个`directoryList.md`文件,从而快速获取项目的树形目录列表。
Vue项目如何生成树形目录结构
|
12月前
|
SQL 关系型数据库 数据库
Schema(模式
【10月更文挑战第11天】
858 8
|
12月前
|
前端开发 JavaScript 开发者
深入解析前端开发中的模块化与组件化实践
【10月更文挑战第5天】深入解析前端开发中的模块化与组件化实践
262 1
|
设计模式 架构师 Java
Java开发工程师转架构师需要学习什么
Java开发工程师转型为架构师需掌握多项技能:精通Java及框架、数据库与分布式系统;熟悉设计模式与架构模式;积累项目经验;提升沟通与领导力;持续学习新技术;培养系统设计与抽象能力;了解中间件及开发工具;并注重个人特质与职业发展。具体路径应结合个人目标与实际情况制定。
262 20
|
C# 图形学 数据安全/隐私保护
Unity数据加密☀️ 二、使用Rider将C#代码生成DLL文件
Unity数据加密☀️ 二、使用Rider将C#代码生成DLL文件
|
存储 前端开发 程序员