1、在scr目录上新建store仓库
2、在index.ts文件里面配置
import { createPinia } from "pinia"
const pinia = createPinia()
// 在main.ts中使用
export default pinia
// 统一导出模板
export * from "./modules/app"
3、在modeules的app.ts文件里面定义navbarHeight
import { defineStore } from "pinia"
import { ref } from "vue"
// 定义一个store导出
export const useAppStore = defineStore("apostoreid",()=>{
const navbarHeight = ref(0);
// 定义一个方法修改navbarHeight
function changeNavBarHeight(data:number){
navbarHeight.value = data
}
return { navbarHeight,changeNavBarHeight }
})
4、在main.ts里面引入
import { createSSRApp } from "vue";
import App from "./App.vue";
import