pinia
文章平均质量分 57
会说法语的猪
我生命再怎么粗糙,我都要活得很骄傲
展开
-
vite2+vue3+ts中pinia基本配置
在vite+vue3的项目中,当然是可以使用Vuex4的,但是如果让我选择的话,我肯定会选pinia,因为简单又好用,因为之前没写过结合TypeScript的使用,所以这篇就来简单写一下vite+vue3+ts搭配pinia的基本配置,其实也比较简单,然后具体使用的话这里也不细说,会写一个demo原创 2022-08-19 15:23:37 · 694 阅读 · 0 评论 -
Vue3中路由监听(类似面包屑的实现)
这里举个例子:就是类似于面包屑,会记录所有的打开过的页面,方便定位到某个页面。(因为这个例子核心就是路由监听)思路:首先首页会一直显示,不可以移除。 我这里把其他的路由对象存在Vuex中(mainTabs:[]),需要监听路由的变化,当路由改变就往里面push(注意这里需要判断一下,只有当前路由没在mainTabs里,才会往里面push),因为存的都是路由对象,点击就跳转到对应的页面就可以。然后就是,当我们移除的时候直接splice删除掉就可以(这里注意如果删除的是当前正打开的页面,需考虑页.原创 2022-02-09 16:48:26 · 2897 阅读 · 0 评论 -
vite2 + Vue3中 使用 pinia
pinia中使用要比Vuex简单。Vuex中有state、mutations、getters、actions、modules五种, 而 pinia中只有state、getters、actions。写法上有些不同。还是相对Vuex简单的安装yarn add pinia# or with npmnpm install piniamain.jsimport { createApp } from 'vue'import App from './App.vue'import { creat原创 2022-02-07 21:45:28 · 1636 阅读 · 1 评论