文章/答案/技术大牛

发布

问Vue 3使用功能无效
EN

Stack Overflow用户

提问于 2022-04-21 11:31:04

回答 2查看 541关注 0票数 2

我试着把我的一个应用程序从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?

我在这里错过了什么？

vuejs3

javascript

vue.js

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-04-21 11:38:38

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

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')

票数 1

Stack Overflow用户

发布于 2022-04-21 11:39:22

你可以像这样使用它：

  import VueCookie from 'vue-cookie'

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71953716

复制

相似问题

问Vue 3使用功能无效
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue 3使用功能无效EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue 3使用功能无效
EN