vue开发中怎样在js文件里利用pinia和组件同步

2024-11-3 10:16| 发布者: db4d5a85| 查看: 94| 评论: 0

摘要: 目录碰到题目只需要传pinia参数就可以store/index.jsmain.jsjs脚本文件利用碰到题目在js文件中封装涉及到利用pinia的方法时，发现和组件内容并差别步，二者是互相独立的。为了方便利用，需要在新建对象的时间，将pi

碰到题目

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

只需要传pinia参数就可以

store/index.js

[code]import { defineStore } from "pinia"; import { createPinia } from 'pinia' export const pinia = createPinia(); export const StoreData = defineStore('storeData',{ state:()=>( { carList:[], carsMessage:{} } ) })[/code]

main.js

[code]import { pinia } from './store/'; import App from './App.vue'; const app = createApp(App); app.use(pinia); app.mount('#app');[/code]

js脚本文件利用

[code]import { StoreData,pinia } from "@/store"; const storeData = new StoreData(pinia);// 必须传参数 pinia[/code]

如许就可以了，假如没有[code]new StoreData(pinia)[/code]传参数，是不会改变的

到此这篇关于vue开发中，在js文件里利用pinia和组件同步的文章就先容到这了,更多相干vue 利用pinia和组件同步内容请搜索脚本之家以前的文章或继承浏览下面的相干文章希望各人以后多多支持脚本之家！

来源：https://www.jb51.net/javascript/328922pay.htm
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：媒体查询media不见效的原因及解决下一篇：在Nginx上摆设前端Vue项目的具体步调(超级简单!)

账号		自动登录	找回密码
密码			立即注册