vue3 vue-cookies Cannot set property ‘$cookie‘ of undefined

1. 原因

vue3 使用 vue-cookies 与 vue2 使用方法存在差异。

2. 解决

vue3 的 main.js 中

import { createApp } from 'vue'
import App from './App.vue'
import VueCookies from 'vue-cookies'

const app = createApp(App)
app.config.globalProperties.$cookies = VueCookies
app.mount('#app')

在其他组件中使用时与 vue2.x 使用无差别