当前位置: 首页 > Web前端 > vue.js

使用SetupAPI编写Pinia.js

时间:2023-03-31 20:17:33 vue.js

0。写在前面本教程使用一个基于Vue.js3的项目进行讲解1.安装参考官网安装yarnaddpinia#或者用npmnpminstallpinia2。importinmain.jsormain.tsimportPinia.jsimport{createPinia}from'pinia'app.use(createPinia())3.新建Store首先在src文件夹下新建一个store文件夹,新建一个index.ts或index.js文件。本教程使用tsimport{ref}from'vue'import{defineStore}from'pinia'exportconstuseMainStore=defineStore('main',()=>{//像脚本设置一样写存储constcount=ref(1)constincrement=():void=>{count.value++;}return{count,increment}})4.在App.vue