一、pina与vuex的区别
pina与vuex都是状态管理的工具,但是pina有两种语法,一种是选项式API,一种是组合式API
- pinia可以创建多个全局仓库,不用像 Vuex 一个仓库嵌套模块,结构复杂。
- pinia的核心概念有state、getter、action三个部分,vuex有五个部分
- pinia对可以直接对state进行修改,vuex要使用mutations中的方法进行修改
- pinia不支持时间旅行和编辑等调试功能,vuex支持
二、路由守卫
路由守卫分为全局路由守卫、组件内的守卫、路由独享守卫
1、全局路由守卫(可选的第三个参数next)
- 全局前置守卫 router.berforeEach((to,from)=>{})
- 全局解析守卫 router.berforeResolve((to,from)=>{})
- 全局后置守卫 router.afterEach((to,from)=>{})
2、路由独享守卫(直接在路由配置上定义)
- beforeEnter:(to,from)=>{}
3、组件内的守卫
- beforeRouteEnter(to,next){}
- beforeRouteUpdate(to,next){}
- beforeRouteLeave(to,next){}
三、vue3的所有生命周期钩子函数
setup--beforeCreate与created的结合
onBeforeMount-onMounted