vite、vue3、pinia、TS结合

一、使用vite创建项目

首先先安装最新版本的vite

然后再去创建项目，给项目起名，选择vue,vue-ts，然后回车项目就创建成功了

之后在vscode里面打开项目，然后在终端执行npm install

然后就可以运行项目了npm run dev

二、安装pinia

npm install pinia -S

使用pinia

import { createPinia } from "pinia";

const store = createPinia();

app.use(store);

三、Store

1.先在src下面创建一个文件夹store，然后在里面创建一个文件index.ts

 

2.创建一个 store

3.在App.vue里面使用store

 

四、使用pinia修改state的几种方法

1.直接拿到里面的某一个属性

2.使用$patch修改数据

 

 

 3.函数的写法

 4.actions里面修改

 

 

 五、pinia响应式