vue开发中如何在js文件里使用pinia和组件同步

星空的月光

遇到问题

在js文件中封装涉及到使用pinia的方法时，发现和组件内容并不同步，二者是互相独立的。为了方便使用，需要在新建对象的时候，将pinia作为参数传进去

只需要传pinia参数就可以


store/index.js

1. import { defineStore } from "pinia";
   
2. import { createPinia } from 'pinia'
   
3. export const pinia = createPinia();
   
4. export const StoreData = defineStore('storeData',{
   
5. state:()=>(
   
6. {
   
7. carList:[],
   
8. carsMessage:{}
   
9. }
   
10. )
    
11. })

复制代码

main.js

1. import { pinia } from './store/';
   
2. import App from './App.vue';
   
3. const app = createApp(App);
   
4. app.use(pinia);
   
5. app.mount('#app');

复制代码

js脚本文件使用

1. import { StoreData,pinia } from "@/store";
   
2. const storeData = new StoreData(pinia);// 必须传参数 pinia

复制代码

这样就可以了，如果没有

1. new StoreData(pinia)

复制代码

传参数，是不会改变的
到此这篇关于vue开发中，在js文件里使用pinia和组件同步的文章就介绍到这了,更多相关vue 使用pinia和组件同步内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源:https://www.jb51.net/javascript/328922pay.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！