Pina有著原生的,天然的對(duì)Ts具有更好的親和力

入口文件中導(dǎo)入Pina并掛載:

import { createPinia} from ' pinia'

createApp(App).use(createPinia())

store文件中創(chuàng)建:

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)

}

實(shí)現(xiàn)路由跳轉(zhuǎn):

1.從vue-router中導(dǎo)入{useRoute,useRouter}

2.調(diào)用賦值給變量

const route = useRoute()

const router = useRouter()

3.使用

返回上一頁:router.back()