在自定义插件中使用vue3 cookie

Question

我想在我的自定义插件中使用vue3 cookie，但无论我做什么，我都一直没有定义。

MyPlugin.js

export default {
install: (app, options) => {
app.config.globalProperties.$MyPlugin= {
someFunction() {
console.log(app.cookie);
console.log(app.cookies);
console.log(app.$cookies);
}
}
},
};

app.js

import {createApp} from 'vue';
import VueCookies from 'vue3-cookies'
import MyPlugin from "./plugins/MyPlugin";
const app = createApp({});
app.use(VueCookies)
app.use(MyPlugin)
const mountedApp = app.mount('#app');

我错过了什么或做错了什么？

Answer 1

好吧，我在阅读文档时显然漏掉了一篇。

这就成功了。

https://github.com/KanHarI/vue3-cookies#usage---通过合成api推荐

import {useCookies} from "vue3-cookies";
export default {
install: (app, options) => {
app.config.globalProperties.$MyPlugin = {
someFunction() {
const {cookies} = useCookies();

console.log(cookies.get('cookie_name'));
}
}
},
};