在自定义插件中使用 vue3-cookies

Question

我想在我的自定义插件中使用 vue3-cookies，但无论我做什么，我总是无法定义。

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---via-composition-api-recommended

import {useCookies} from "vue3-cookies";

export default {
    install: (app, options) => {
        app.config.globalProperties.$MyPlugin = {
            someFunction() {
                const {cookies} = useCookies();
                
                console.log(cookies.get('cookie_name'));
            }
        }
    },
};

在自定义插件中使用 vue3-cookies

Use vue3-cookies in custom plugin

plugins

vuejs3