Vue 3 使用功能不起作用

Question

我试图将我的一个应用程序从 Vue 2 升级到 Vue 3。不幸的是我不能使用：Vue.use() 函数。例如我在 Vue 2 中的代码：

import Vue from 'vue'
import App from './App.vue'
import store from './store'
import router from './router'
import VueCookie from 'vue-cookie'

Vue.use(VueCookie);


new Vue({
    store,
    router,
    render: h => h(App)
}).$mount('#app')

在 Vue 3 中相同：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { store } from './store'
import VueCookie from 'vue-cookie'

//Vue.use(VueCookie); //old line in vue 2
createApp.use('VueCookie'); //this is not works and return error

createApp(App).use(router,store).mount('#app') //Is this line correct?

我在这里错过了什么？

Answer 1

尝试如下，首先定义应用程序然后使用它：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import VueCookie from 'vue-cookie'

const app = createApp(App);

app.use(router);
app.use(store);
app.use(VueCookie);
app.mount('#app')

Answer 2

您可以像这样使用它：

  import VueCookie from 'vue-cookie'

  VueCookie.set("mycookie", "value", "1h")

Vue 3 使用功能不起作用

Vue 3 use function not works

javascript

vue.js

vuejs3