router文件如何引入pinia
时间: 2023-11-16 13:11:52 浏览: 61
Vue项目 Router路由,Pinia状态管理, Vuex状态管理 Vant List组件案例
要在router文件中引入pinia,需要先安装pinia和vue-router:
```
npm install pinia vue-router
```
然后在router文件中引入并初始化pinia:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
import { createPinia } from 'pinia';
import App from './App.vue';
const pinia = createPinia();
const routes = [
{
path: '/',
name: 'Home',
component: Home,
},
// ...
];
const router = createRouter({
history: createWebHistory(),
routes,
});
// 将pinia插件安装到Vue实例中
router.beforeEach((to, from, next) => {
pinia.use(app);
next();
});
export default router;
```
这样就可以在应用程序中使用pinia了。
阅读全文