Intenté actualizar una de mis aplicaciones de Vue 2 a Vue 3. Lamentablemente, no puedo usar: la función Vue.use() . Por ejemplo, mi código en 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')Lo mismo en 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?¿Que me estoy perdiendo aqui?
Intente lo siguiente, primero defina la aplicación y luego úsela:
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')Puedes usarlo como:
import VueCookie from 'vue-cookie' VueCookie.set("mycookie", "value", "1h")