亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 Vue 2 遷移到 Vue 3,類型錯誤:Vue 不是構造函數

將 Vue 2 遷移到 Vue 3,類型錯誤:Vue 不是構造函數

catspeake 2023-09-28 10:30:49
如何將 Vue 2 語法遷移到 Vue 3,因為我收到以下錯誤:類型錯誤:Vue 不是構造函數?,F在我正在使用 Vue 3:let app;firebase.auth().onAuthStateChanged(user => {  console.log("user", user);  if (!app) {    app = new Vue({      router,      store,      render: h => h(App)    }).$mount("#app");  }});到import { createApp } from "vue";const app = createApp({});app.mount("#app");
查看完整描述

1 回答

?
犯罪嫌疑人X

TA貢獻2080條經驗 獲得超4個贊

Vue 3、Vuex 4、Vue Router 4 中的代碼等效于:


import { createApp } from 'vue'

import store from './store'

import router from './router'

import App from './App.vue'


let app;


firebase.auth().onAuthStateChanged(user => {

  console.log("user", user);

  app = createApp(App);

  app.use(store);

  app.use(router);

  app.mount("#app");

});

store.js中的存儲語法略有不同:


import { createStore } from 'vuex'


// now uses `createStore`

export default createStore({ 

  state: {},

  getters: {},

  mutations: {},

  actions: {}

})

以及router.js中的路由器:


import { createWebHistory, createRouter } from "vue-router";

import Home from "@/views/Home.vue";

import About from "@/views/About.vue";


const routes = [

  {

    path: "/",

    name: "Home",

    component: Home,

  },

  {

    path: "/about",

    name: "About",

    component: About,

  },

];


const router = createRouter({

  history: createWebHistory(),

  routes,

});


export default router;


查看完整回答
反對 回復 2023-09-28
  • 1 回答
  • 0 關注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號