千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

Pina有着原生的,天然的对Ts具有更好的亲和力

入口文件中导入Pina并挂载:

import { createPinia} from ' pinia'

createApp(App).use(createPinia())

store文件中创建:

import{defineStore}from'pinia'

import{ref}from'vue'

const useTabbarStore = defineStore（"tabbar"，（）=>{

const isTabbarShow = ref（true）

const change =（value）=>{

isTabbarShow.value = value

}

return{

  isTabbarShow，

  change

}}

export default useTabbarStore

组件中使用store:

import useTabbarStore from '../store/tabbarStore'; 

const store = useTabbarStore()

onBeforeMount (()=>{

store. change(false)

})

onBeforeUnmount (()=>{

store. change(true)

}

实现路由跳转:

1.从vue-router中导入{useRoute,useRouter}

2.调用赋值给变量

const route = useRoute()

const router = useRouter()

3.使用

返回上一页:router.back()